Tailwind CSS Colors
Violet 500
#8B5CF6Tailwind classes
Backgroundbg-violet-500
Texttext-violet-500
Borderborder-violet-500
Ringring-violet-500
CSS Values
HEX#8B5CF6
RGBrgb(139, 92, 246)
HSLhsl(258, 90%, 66%)
HSL (modern)hsl(258deg 90% 66%)
OKLCHoklch(60.6% 0.2189 293deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 4.23:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 4.96:1AA: PassAAA: FailAA Large: Pass
Other Violet shades
Nearest Named Colors
See allOpen Colorviolet-5
CSS Namedmediumslateblue
Ant Designpurple-5
Material Designdeep-purple-a200
Bootstrap 5indigo-400
iOS HIGsystem-purple
Radix Colorspurple-9
Crayolapurple-heart
Munsell5PB-6-10
RAL Classic4011