Radix Colors

Violet Dark 11

#BAA7FF

CSS Values

CSS Variablevar(--violet-dark-11)
HEX#BAA7FF
RGBrgb(186, 167, 255)
HSLhsl(253, 100%, 83%)
HSL (modern)hsl(253deg 100% 83%)
OKLCHoklch(77.8% 0.1246 293deg)

Light mode equivalent

Violet 11
#6550B9

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.09:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 10.06:1AA: PassAAA: PassAA Large: Pass

Other Violet Dark steps

Nearest Named Colors

See all
Bootstrap 5
indigo-200
Tailwind CSS
violet-300
Open Color
violet-3
Ant Design
purple-3
Crayola
wisteria
Material Design
deep-purple-200
CSS Named
plum
Munsell
5P-7-6
iOS HIG
system-gray2
RAL Classic
7040