Tailwind CSS Colors
Purple 500
#A855F7Tailwind classes
Backgroundbg-purple-500
Texttext-purple-500
Borderborder-purple-500
Ringring-purple-500
CSS Values
HEX#A855F7
RGBrgb(168, 85, 247)
HSLhsl(271, 91%, 65%)
HSL (modern)hsl(271deg 91% 65%)
OKLCHoklch(62.7% 0.2325 304deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 3.96:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 5.31:1AA: PassAAA: FailAA Large: Pass
Other Purple shades
Nearest Named Colors
See alliOS HIGsystem-purple
Ant Designpurple-5
Bootstrap 5indigo-300
Open Colorgrape-6
CSS Namedmediumorchid
Material Designpurple-a700
Radix Colorspurple-9
Crayolafuchsia
Munsell5P-6-8
RAL Classic4011