Tailwind CSS Colors
Indigo 500
#6366F1Tailwind classes
Backgroundbg-indigo-500
Texttext-indigo-500
Borderborder-indigo-500
Ringring-indigo-500
CSS Values
HEX#6366F1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)
HSL (modern)hsl(239deg 84% 67%)
OKLCHoklch(58.5% 0.2041 277deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 4.47:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 4.7:1AA: PassAAA: FailAA Large: Pass
Other Indigo shades
Nearest Named Colors
See allMaterial Designindigo-a200
Open Colorindigo-6
CSS Namedmediumslateblue
Radix Colorsiris-9
Ant Designgeekblue-5
iOS HIGsystem-indigo
Crayolablue
Bootstrap 5blue-500
Munsell5PB-6-10
RAL Classic5015