Tailwind CSS Colors
Fuchsia 500
#D946EFTailwind classes
Backgroundbg-fuchsia-500
Texttext-fuchsia-500
Borderborder-fuchsia-500
Ringring-fuchsia-500
CSS Values
HEX#D946EF
RGBrgb(217, 70, 239)
HSLhsl(292, 84%, 61%)
HSL (modern)hsl(292deg 84% 61%)
OKLCHoklch(66.7% 0.2591 322deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 3.46:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 6.07:1AA: PassAAA: FailAA Large: Pass
Other Fuchsia shades
Nearest Named Colors
See allMaterial Designpurple-a200
Open Colorgrape-5
CSS Namedmediumorchid
iOS HIGsystem-purple
Crayolahot-magenta
Bootstrap 5indigo-300
Radix Colorsplum-9
Ant Designpurple-4
RAL Classic4003
Munsell5RP-6-10