Color Palettes

Indigo color

It comes from a plant-based dye from India. It's a very dark, purplish blue. It's the original dye used for blue jeans and one of Newton's seven colors of the rainbow.

Indigo · #4B0082

About indigo

Indigo (#4B0082) is a cool, dark, highly saturated color. It belongs to the purples family. It mixes 75 red, 0 green and 130 blue (out of 255). It is mostly used in fashion, art, textiles.

Indigo shades and tints

From lightest to darkest. Tap a shade to copy its code.

Indigo color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Green
AnalogousClose to: Navy blue, Purple
TriadicClose to: Chocolate brown, Jade green
Split complementaryClose to: Olive green, Green
TetradicClose to: Maroon, Green, Teal

Indigo color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Indigo
Analogous palette · Indigo
Complementary palette · Indigo
Triadic palette · Indigo
With neutrals palette · Indigo
With an accent palette · Indigo

Indigo contrast with text

White textContrast 13.0:1 · AAA
Black textContrast 1.6:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --indigo: #4B0082;
  --indigo-rgb: 75, 0, 130;
}
.bg { background-color: var(--indigo); }
.text { color: var(--indigo); }

Colors similar to indigo

Grape purpleNavy blueUltramarineDark blueDeep purplePurpleKlein blueMidnight blueCobalt blueAmethyst

More purples

VioletDeep purplePurpleLilacLavenderMauvePlumAmethystEggplantOrchidGrape purpleWisteriaPastel lilacUltra violet

Frequently asked questions

What is the hex code for indigo?

The hex code for indigo is #4B0082. In RGB it is rgb(75, 0, 130), in HSL hsl(275, 100%, 25%) and in CMYK 42, 100, 0, 49.

What is the complementary color of indigo?

Its complement on the color wheel is #378200, close to green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on indigo?

Yes. The contrast with white is 13.0:1, enough for body text (WCAG AA).