Violet 6

#D4CAFE

CSS Values

CSS Variablevar(--violet-6)

HEX#D4CAFE

RGBrgb(212, 202, 254)

HSLhsl(252, 96%, 89%)

HSL (modern)hsl(252deg 96% 89%)

OKLCHoklch(86.4% 0.0721 294deg)

Dark mode equivalent

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

Ratio: 1.54:1AA: FailAAA: FailAA Large: Fail

AaText on black

Ratio: 13.68:1AA: PassAAA: PassAA Large: Pass

Other Violet steps

1 2 3 4 5 7 8 9 10 11 12

Nearest Named Colors

Bootstrap 5

indigo-100#E0CFFC

Tailwind CSS

indigo-200#C7D2FE

Open Color

violet-2#D0BFFF

Material Design

deep-purple-100#D1C4E9

Crayola

periwinkle#C5D0E6

CSS Named

thistle#D8BFD8

Ant Design

geekblue-3#ADC6FF

iOS HIG

system-gray4#D1D1D6

RAL Classic

7047#D0D0D0

Munsell

N-8#CCCBCB