Tailwind CSS Colors

Indigo 50

#EEF2FF

Tailwind classes

Backgroundbg-indigo-50
Texttext-indigo-50
Borderborder-indigo-50
Ringring-indigo-50

CSS Values

HEX#EEF2FF
RGBrgb(238, 242, 255)
HSLhsl(226, 100%, 97%)
HSL (modern)hsl(226deg 100% 97%)
OKLCHoklch(96.2% 0.0179 272deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.12:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 18.78:1AA: PassAAA: PassAA Large: Pass

Other Indigo shades

Nearest Named Colors

See all
Open Color
indigo-0
Radix Colors
indigo-3
Ant Design
geekblue-1
iOS HIG
system-gray6
Material Design
blue-50
CSS Named
aliceblue
RAL Classic
9003
Crayola
white
Bootstrap 5
gray-200
Munsell
N-9