Tailwind CSS Colors

Indigo 400

#818CF8

Tailwind classes

Backgroundbg-indigo-400
Texttext-indigo-400
Borderborder-indigo-400
Ringring-indigo-400

CSS Values

HEX#818CF8
RGBrgb(129, 140, 248)
HSLhsl(234, 89%, 74%)
HSL (modern)hsl(234deg 89% 74%)
OKLCHoklch(68% 0.1583 277deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.98:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 7.04:1AA: PassAAA: PassAA Large: Pass

Other Indigo shades

Nearest Named Colors

See all
Open Color
indigo-4
CSS Named
cornflowerblue
Material Design
indigo-a100
Ant Design
geekblue-4
Radix Colors
iris-8
Munsell
5PB-7-8
Bootstrap 5
blue-400
Crayola
blue-bell
iOS HIG
accessible-cyan
RAL Classic
5012