Material Design Colors
Indigo 700
#303F9FCSS Values
HEX#303F9F
RGBrgb(48, 63, 159)
HSLhsl(232, 54%, 41%)
HSL (modern)hsl(232deg 54% 41%)
OKLCHoklch(41.6% 0.1556 271deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 8.98:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 2.34:1AA: FailAAA: FailAA Large: Fail
Other Indigo shades
Accent shades
Nearest Named Colors
See allMunsell5PB-4-12
iOS HIGaccessible-indigo
Tailwind CSSblue-800
Bootstrap 5blue-700
Ant Designblue-8
CSS Nameddarkslateblue
Open Colorindigo-9
Crayolamidnight-blue
RAL Classic5019
Radix Colorsindigo-11