Radix Colors

Violet 5

#E1D9FF

CSS Values

CSS Variablevar(--violet-5)
HEX#E1D9FF
RGBrgb(225, 217, 255)
HSLhsl(253, 100%, 93%)
HSL (modern)hsl(253deg 100% 93%)
OKLCHoklch(90.4% 0.0522 295deg)

Dark mode equivalent

Violet Dark 5
#3C2E69

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.35:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 15.57:1AA: PassAAA: PassAA Large: Pass

Other Violet steps

Nearest Named Colors

See all
Open Color
violet-1
Tailwind CSS
violet-200
Bootstrap 5
purple-100
Ant Design
purple-2
CSS Named
lavender
Material Design
deep-purple-50
iOS HIG
system-gray5
Munsell
N-9
Crayola
periwinkle
RAL Classic
7035