Tailwind CSS Colors
Violet 600
#7C3AEDTailwind classes
Backgroundbg-violet-600
Texttext-violet-600
Borderborder-violet-600
Ringring-violet-600
CSS Values
HEX#7C3AED
RGBrgb(124, 58, 237)
HSLhsl(262, 83%, 58%)
HSL (modern)hsl(262deg 83% 58%)
OKLCHoklch(54.1% 0.2466 293deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 5.7:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 3.69:1AA: FailAAA: FailAA Large: Pass
Other Violet shades
Nearest Named Colors
See allBootstrap 5indigo-400
Open Colorviolet-7
CSS Namedblueviolet
Material Designdeep-purple-a200
Ant Designpurple-6
Crayolapurple-heart
Radix Colorsviolet-9
iOS HIGsystem-indigo
Munsell5PB-5-10
RAL Classic5015