Tailwind CSS Colors
Violet 300
#C4B5FDTailwind classes
Backgroundbg-violet-300
Texttext-violet-300
Borderborder-violet-300
Ringring-violet-300
CSS Values
HEX#C4B5FD
RGBrgb(196, 181, 253)
HSLhsl(252, 95%, 85%)
HSL (modern)hsl(252deg 95% 85%)
OKLCHoklch(81.1% 0.1013 294deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.85:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 11.38:1AA: PassAAA: PassAA Large: Pass
Other Violet shades
Nearest Named Colors
See allRadix Colorsviolet-7
Ant Designpurple-3
Open Colorviolet-2
Bootstrap 5purple-200
Crayolawisteria
Material Designdeep-purple-100
CSS Namedplum
iOS HIGseparator
MunsellN-8
RAL Classic7047