Tailwind CSS Colors

Fuchsia 50

#FDF4FF

Tailwind classes

Backgroundbg-fuchsia-50
Texttext-fuchsia-50
Borderborder-fuchsia-50
Ringring-fuchsia-50

CSS Values

HEX#FDF4FF
RGBrgb(253, 244, 255)
HSLhsl(289, 100%, 98%)
HSL (modern)hsl(289deg 100% 98%)
OKLCHoklch(97.7% 0.0173 320deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.07:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 19.56:1AA: PassAAA: PassAA Large: Pass

Other Fuchsia shades

Nearest Named Colors

See all
Radix Colors
purple-2
CSS Named
ghostwhite
Ant Design
purple-1
Open Color
grape-0
Bootstrap 5
gray-100
RAL Classic
9010
Material Design
grey-100
iOS HIG
system-gray6
Crayola
white
Munsell
N-9