Tailwind CSS Colors
Violet 800
#5B21B6Tailwind classes
Backgroundbg-violet-800
Texttext-violet-800
Borderborder-violet-800
Ringring-violet-800
CSS Values
HEX#5B21B6
RGBrgb(91, 33, 182)
HSLhsl(263, 69%, 42%)
HSL (modern)hsl(263deg 69% 42%)
OKLCHoklch(43.2% 0.2106 293deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 8.98:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 2.34:1AA: FailAAA: FailAA Large: Fail
Other Violet shades
Nearest Named Colors
See allAnt Designpurple-7
Material Designdeep-purple-700
Bootstrap 5indigo-600
Open Colorviolet-9
CSS Namedrebeccapurple
iOS HIGaccessible-indigo
Crayolapurple-heart
Radix Colorsviolet-10
Munsell5PB-4-12
RAL Classic4005