Material Design Colors

Indigo 300

#7986CB

CSS Values

HEX#7986CB
RGBrgb(121, 134, 203)
HSLhsl(230, 44%, 64%)
HSL (modern)hsl(230deg 44% 64%)
OKLCHoklch(63.8% 0.1047 275deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 3.45:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 6.09:1AA: PassAAA: FailAA Large: Pass

Other Indigo shades

Accent shades

Nearest Named Colors

See all
Munsell
5PB-7-8
CSS Named
cornflowerblue
Tailwind CSS
indigo-400
RAL Classic
5007
Open Color
indigo-4
Crayola
violet-purple
Bootstrap 5
purple-300
Ant Design
geekblue-5
iOS HIG
accessible-cyan
Radix Colors
mauve-9