Tailwind CSS Colors
Indigo 900
#312E81Tailwind classes
Backgroundbg-indigo-900
Texttext-indigo-900
Borderborder-indigo-900
Ringring-indigo-900
CSS Values
HEX#312E81
RGBrgb(49, 46, 129)
HSLhsl(242, 47%, 34%)
HSL (modern)hsl(242deg 47% 34%)
OKLCHoklch(35.9% 0.1354 279deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 11.42:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 1.84:1AA: FailAAA: FailAA Large: Fail
Other Indigo shades
Nearest Named Colors
See allMunsell10PB-3-8
Material Designindigo-800
Bootstrap 5purple-700
Ant Designpurple-8
RAL Classic5017
Radix Colorsiris-12
CSS Nameddarkslateblue
iOS HIGaccessible-indigo
Crayolamidnight-blue
Open Colorgray-8