Radix Colors
Violet 10
#654DC4CSS Values
CSS Variablevar(--violet-10)
HEX#654DC4
RGBrgb(101, 77, 196)
HSLhsl(252, 50%, 54%)
HSL (modern)hsl(252deg 50% 54%)
OKLCHoklch(51.1% 0.1775 288deg)
Dark mode equivalent
Violet Dark 10
#7D66D9
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 6.15:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 3.41:1AA: FailAAA: FailAA Large: Pass
Other Violet steps
Nearest Named Colors
See allBootstrap 5purple-500
Crayolapurple-heart
CSS Namedslateblue
Open Colorviolet-9
iOS HIGsystem-indigo
Material Designdeep-purple-500
Ant Designpurple-6
Tailwind CSSindigo-600
Munsell5PB-5-10
RAL Classic5015