Radix Colors
Violet 7
#C2B5F5CSS Values
CSS Variablevar(--violet-7)
HEX#C2B5F5
RGBrgb(194, 181, 245)
HSLhsl(252, 76%, 84%)
HSL (modern)hsl(252deg 76% 84%)
OKLCHoklch(80.6% 0.0902 294deg)
Dark mode equivalent
Violet Dark 7
#56468B
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.87:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 11.22:1AA: PassAAA: PassAA Large: Pass
Other Violet steps
Nearest Named Colors
See allTailwind CSSviolet-300
Bootstrap 5purple-200
Ant Designpurple-3
Open Colorviolet-2
Crayolawisteria
Material Designdeep-purple-100
CSS Namedplum
iOS HIGtertiary-label
MunsellN-8
RAL Classic7047