Radix Colors

Violet Dark 10

#7D66D9

CSS Values

CSS Variablevar(--violet-dark-10)
HEX#7D66D9
RGBrgb(125, 102, 217)
HSLhsl(252, 60%, 63%)
HSL (modern)hsl(252deg 60% 63%)
OKLCHoklch(58.9% 0.1692 289deg)

Light mode equivalent

Violet 10
#654DC4

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 4.4:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 4.77:1AA: PassAAA: FailAA Large: Pass

Other Violet Dark steps

Nearest Named Colors

See all
CSS Named
mediumslateblue
Bootstrap 5
purple-400
Crayola
blue-violet
Material Design
deep-purple-400
Ant Design
purple-5
Open Color
violet-5
Tailwind CSS
indigo-500
Munsell
5PB-6-10
iOS HIG
system-indigo
RAL Classic
4011