Tailwind CSS Colors

Indigo 300

#A5B4FC

Tailwind classes

Backgroundbg-indigo-300
Texttext-indigo-300
Borderborder-indigo-300
Ringring-indigo-300

CSS Values

HEX#A5B4FC
RGBrgb(165, 180, 252)
HSLhsl(230, 94%, 82%)
HSL (modern)hsl(230deg 94% 82%)
OKLCHoklch(78.5% 0.1041 275deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.99:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 10.53:1AA: PassAAA: PassAA Large: Pass

Other Indigo shades

Nearest Named Colors

See all
Radix Colors
indigo-7
Material Design
blue-a100
Bootstrap 5
blue-200
Open Color
indigo-3
Ant Design
geekblue-3
Crayola
wild-blue-yonder
CSS Named
lightsteelblue
Munsell
5B-7-6
iOS HIG
system-gray2
RAL Classic
7038