#4B0082 — Tints, Shades & Color Values

Every value on this page is precomputed — copy what you need.

#4B0082

#4B0082 is a dark, vivid violet. It is exactly the CSS named color indigo. For readable text on a #4B0082 background, white text gives the strongest contrast (12.95:1). Because it is dark, #4B0082 suits text, navigation bars, and footers on light backgrounds, and its tints make natural hover and surface colors.

Want to fine-tune this color interactively? Open #4B0082 in the tint & shade generator to explore the full lightness, hue, and chroma scales and copy any step.

Color Values

Hex	`#4B0082`
RGB	`rgb(75, 0, 130)`
HSL	`hsl(275, 100%, 25%)`
HSV / HSB	`275°, 100%, 51%`
Nearest named	`indigo` (`#4b0082`)

Need these in another format? Use our hex to RGB converter for quick two-way conversion.

Tints of #4B0082 (Mixed with White)

Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.

10% tint #5d1a8f
20% tint #6f339b
30% tint #814da8
40% tint #9366b4
50% tint #a580c1
60% tint #b799cd
70% tint #c9b3da
80% tint #dbcce6
90% tint #ede6f3

Shades of #4B0082 (Mixed with Black)

Each step blends the base color toward black using new = old × (1 − factor).

10% shade #440075
20% shade #3c0068
30% shade #35005b
40% shade #2d004e
50% shade #260041
60% shade #1e0034
70% shade #170027
80% shade #0f001a
90% shade #07000d

WCAG Contrast & Accessibility

Contrast ratios for text placed on a #4B0082 background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).

Text color	White text 12.95:1 — AA normal: Pass · AA large: Pass · AAA: Pass
	Black text 1.62:1 — AA normal: Fail · AA large: Fail · AAA: Fail

If neither pure white nor pure black reaches the level you need, pick a lighter tint of #4B0082 from the ramps above as the background instead — small lightness moves change contrast quickly.

Browse more colors in the color library, or start from any hex code on the HexTints homepage.