#4B0082
indigo
#4B0082 is the CSS named color "indigo", an exact match. In RGB it breaks down to red 75, green 0, and blue 130 out of 255 each. In HSL terms that's a hue of 275°, 100% saturation, and 25% lightness: quite dark, close to black — it works well as body text on a light background or as a near-black UI surface.
Every format
| HEX | #4b0082 |
| RGB | rgb(75, 0, 130) |
| HSL | hsl(275° 100% 25%) |
| HSB | hsb(275° 100% 51%) |
| OKLCH | oklch(34% 0.179 302°) |
| OKLAB | oklab(34% 0.094 -0.153) |
| LCH | lch(20% 71.8 311°) |
| CMYK | cmyk(42% 100% 0% 49%) |
Shades (darker)
#4b0082 · #440079 · #3d0071 · #360068 · #300060
Tints (lighter)
#4b0082 · #5d2097 · #6f37ad · #824cc3 · #9661d9
Shades mix #4B0082 toward black in even steps, useful for hover and pressed states in a UI; tints mix it toward white, useful for subtle backgrounds and disabled states that still read as the same color family.
On white: 12.95:1 — AAA
On black: 1.62:1 — fails
Frequently asked
- What is #4B0082 in RGB?
- #4B0082 is rgb(75, 0, 130) — red 75, green 0, blue 130 out of 255 each.
- Does #4B0082 pass WCAG contrast on a white background?
- It has a contrast ratio of 12.95:1 against white, which passes WCAG AAA for normal text.
- What's a good background color to pair with #4B0082?
- White text or a white background gives better contrast (12.95:1) than black (1.62:1).