Radix Colors

Violet 11

#6550B9

CSS Values

CSS Variablevar(--violet-11)
HEX#6550B9
RGBrgb(101, 80, 185)
HSLhsl(252, 43%, 52%)
HSL (modern)hsl(252deg 43% 52%)
OKLCHoklch(50.8% 0.1589 289deg)

Dark mode equivalent

Violet Dark 11
#BAA7FF

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 6.17:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 3.4:1AA: FailAAA: FailAA Large: Pass

Other Violet steps

Nearest Named Colors

See all
Bootstrap 5
purple-500
CSS Named
slateblue
Crayola
purple-heart
Material Design
deep-purple-500
Open Color
violet-9
iOS HIG
system-indigo
Munsell
5PB-5-10
Ant Design
purple-6
Tailwind CSS
indigo-600
RAL Classic
5015