Tailwind CSS Colors
Indigo 200
#C7D2FETailwind 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 allRadix Colorsindigo-6
Material Designindigo-100
Open Colorindigo-2
Bootstrap 5indigo-100
Crayolaperiwinkle
Ant Designblue-2
CSS Namedlightblue
iOS HIGsystem-gray4
RAL Classic7035
MunsellN-8