Tailwind CSS Colors
Indigo 700
#4338CATailwind classes
Backgroundbg-indigo-700
Texttext-indigo-700
Borderborder-indigo-700
Ringring-indigo-700
CSS Values
HEX#4338CA
RGBrgb(67, 56, 202)
HSLhsl(245, 58%, 51%)
HSL (modern)hsl(245deg 58% 51%)
OKLCHoklch(45.7% 0.2146 277deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 7.9:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 2.66:1AA: FailAAA: FailAA Large: Fail
Other Indigo shades
Nearest Named Colors
See allAnt Designgeekblue-7
Open Colorindigo-9
Bootstrap 5indigo-600
Radix Colorsiris-10
Material Designindigo-600
iOS HIGaccessible-blue
Munsell5PB-4-12
Crayolapurple-heart
CSS Namedslateblue
RAL Classic5019