Tailwind CSS Colors
Violet 400
#A78BFATailwind classes
Backgroundbg-violet-400
Texttext-violet-400
Borderborder-violet-400
Ringring-violet-400
CSS Values
HEX#A78BFA
RGBrgb(167, 139, 250)
HSLhsl(255, 92%, 76%)
HSL (modern)hsl(255deg 92% 76%)
OKLCHoklch(70.9% 0.1592 294deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 2.72:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 7.72:1AA: PassAAA: PassAA Large: Pass
Other Violet shades
Nearest Named Colors
See allMaterial Designdeep-purple-a100
Open Colorviolet-3
Ant Designpurple-4
Radix Colorsviolet-8
Bootstrap 5purple-300
CSS Namedmediumpurple
Munsell5P-7-6
Crayolablue-bell
iOS HIGsystem-purple
RAL Classic7040