Tailwind CSS Colors

Indigo 200

#C7D2FE

Tailwind classes

Backgroundbg-indigo-200
Texttext-indigo-200
Borderborder-indigo-200
Ringring-indigo-200

CSS Values

HEX#C7D2FE
RGBrgb(199, 210, 254)
HSLhsl(228, 96%, 89%)
HSL (modern)hsl(228deg 96% 89%)
OKLCHoklch(87% 0.0622 274deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.49:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 14.08:1AA: PassAAA: PassAA Large: Pass

Other Indigo shades

Nearest Named Colors

See all
Radix Colors
indigo-6
Material Design
indigo-100
Open Color
indigo-2
Bootstrap 5
indigo-100
Crayola
periwinkle
Ant Design
blue-2
CSS Named
lightblue
iOS HIG
system-gray4
RAL Classic
7035
Munsell
N-8