Purple color

Indigo #4B0082

#4B0082 · rgb(75, 0, 130)

Indigo is the color #4B0082. In RGB it is rgb(75, 0, 130) — 29% red, 0% green and 51% blue. Its CMYK breakdown is 42% cyan, 100% magenta, 0% yellow and 49% black, and in HSL it sits at 275° hue, 100% saturation and 25% lightness. Indigo is one of the 140 standard CSS / HTML color names, so color: indigo works in CSS. The closest web-safe color is #330099.

Open in color picker Convert Make a palette Check contrast

Indigo color codes

Hex#4B0082

RGBrgb(75, 0, 130)

RGB %29%, 0%, 51%

HSLhsl(275, 100%, 25%)

HSV / HSBhsv(275, 100%, 51%)

CMYKcmyk(42%, 100%, 0%, 49%)

OKLCHoklch(34% 0.179 302)

Closest web-safe#330099

Indigo color meaning

Indigo is a deep and serious purple — a cool color at 25% lightness and 100% saturation. Like other purples, it is linked with creativity, luxury and imagination. Rare and expensive to dye for most of history, it still suggests royalty, mystery and individuality.

Because it is deep and serious, indigo works best for text, headings, luxury branding, accent walls and evening wear. It is dark enough to use for text on a white page (13.0:1 contrast).

What colors go with Indigo?

Indigo pairs well with Green, Navy, Purple and Linen: Green sits close to its opposite on the color wheel for strong contrast, Navy and Purple are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around indigo in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Indigo at a glance

Color family	Purple · cool, deep and serious
CSS color name	Yes — `indigo` works in CSS
As text on white	12.95:1 — passes WCAG AAA
Best text on it	White (12.95:1)
For print (CMYK)	42% cyan, 100% magenta, 0% yellow, 49% black
Full screen	Open the indigo screen — fill your display or download it in 4K

Contrast

Contrast ratio of Indigo against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 12.95:1 Black text — 1.62:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Indigo

Indigo color FAQ

What is the hex code for Indigo?

Indigo is #4B0082, which is rgb(75, 0, 130) and hsl(275, 100%, 25%). For print it is roughly C42 M100 Y0 K49.

What colors go with Indigo?

Indigo pairs well with Green, Navy, Purple, Linen. Green gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Indigo a warm or cool color?

Indigo is a cool color: its hue is 275°, on the green, blue and violet side of the color wheel.

What text color looks best on Indigo?

White text, with a contrast ratio of 13.0:1, which meets WCAG AA for normal text. Indigo itself is also readable as text on white (13.0:1).