Tailwind CSS Colors

Indigo 100

#E0E7FF

Tailwind classes

Backgroundbg-indigo-100
Texttext-indigo-100
Borderborder-indigo-100
Ringring-indigo-100

CSS Values

HEX#E0E7FF
RGBrgb(224, 231, 255)
HSLhsl(226, 100%, 94%)
HSL (modern)hsl(226deg 100% 94%)
OKLCHoklch(93% 0.0334 273deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.23:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 17.04:1AA: PassAAA: PassAA Large: Pass

Other Indigo shades

Nearest Named Colors

See all
Radix Colors
indigo-4
CSS Named
lavender
Open Color
indigo-1
Ant Design
geekblue-2
Material Design
indigo-50
Bootstrap 5
blue-100
iOS HIG
system-gray5
Munsell
N-9
Crayola
white
RAL Classic
9003