Tailwind CSS Colors

Fuchsia 300

#F0ABFC

Tailwind classes

Backgroundbg-fuchsia-300
Texttext-fuchsia-300
Borderborder-fuchsia-300
Ringring-fuchsia-300

CSS Values

HEX#F0ABFC
RGBrgb(240, 171, 252)
HSLhsl(291, 93%, 83%)
HSL (modern)hsl(291deg 93% 83%)
OKLCHoklch(83.3% 0.1322 321deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.76:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 11.94:1AA: PassAAA: PassAA Large: Pass

Other Fuchsia shades

Nearest Named Colors

See all
Ant Design
purple-3
Open Color
grape-3
Radix Colors
plum-7
CSS Named
plum
Material Design
purple-100
Crayola
orchid
Bootstrap 5
pink-200
iOS HIG
system-gray3
Munsell
5R-8-4
RAL Classic
7047