Tailwind CSS Colors
Purple 600
#9333EATailwind classes
Backgroundbg-purple-600
Texttext-purple-600
Borderborder-purple-600
Ringring-purple-600
CSS Values
HEX#9333EA
RGBrgb(147, 51, 234)
HSLhsl(271, 81%, 56%)
HSL (modern)hsl(271deg 81% 56%)
OKLCHoklch(55.8% 0.2525 302deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 5.38:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 3.9:1AA: FailAAA: FailAA Large: Pass
Other Purple shades
Nearest Named Colors
See allCSS Namedblueviolet
Bootstrap 5indigo-400
Material Designpurple-a700
Ant Designpurple-5
Open Colorviolet-6
Radix Colorspurple-9
Crayolapurple-heart
iOS HIGsystem-purple
Munsell5P-5-10
RAL Classic4008