Bootstrap 5 Colors

Indigo 100

#E0CFFC

CSS Values

CSS Variable--bs-indigo-100

HEX#E0CFFC

RGBrgb(224, 207, 252)

HSLhsl(263, 88%, 90%)

HSL (modern)hsl(263deg 88% 90%)

OKLCHoklch(88.3% 0.0637 302deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

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

AaText on black

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

Other indigo shades

Indigo 200 Indigo 300 Indigo 400 Indigo 500 Indigo 600 Indigo 700 Indigo 800 Indigo 900

Nearest Named Colors

Tailwind CSS

violet-200#DDD6FE

Radix Colors

violet-6#D4CAFE

Open Color

violet-1#E5DBFF

Ant Design

purple-2#EFDBFF

Material Design

deep-purple-100#D1C4E9

Crayola

periwinkle#C5D0E6

CSS Named

thistle#D8BFD8

iOS HIG

quaternary-label#D8D8DC

RAL Classic

7035#D7D7D7

Munsell

N-8#CCCBCB