Indigo (#4B0082)

Indigo is rgb(75, 0, 130) in RGB and hsl(275, 100%, 25%) in HSL. White text is most readable on this background.

#4B0082
HEX#4B0082
RGBrgb(75, 0, 130)
HSLhsl(275, 100%, 25%)
HSVhsv(275, 100%, 51%)
OKLCHoklch(33.9% 0.179 301.7)
CMYKcmyk(42%, 100%, 0%, 49%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a Indigo background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text12.95:1AA normal ✓AA large ✓AAA normal ✓
TextBlack text1.62:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

Colors that pair well with Indigo based on color wheel relationships. Click any swatch for its full breakdown.

Base#4B0082Complementary#358000Analogous#0B0080Analogous#800075Triadic#804A00Triadic#00804A

Tints & Shades

Lighter tints and darker shades of Indigo, useful for hover states, backgrounds, and text variants.

Use Indigo in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex