Indigo

#560591

What color is Indigo?

Indigo is a deep blue-violet with a strong purple cast, hex #560591, darker than a clear night sky but richer than plain navy. It shares the intensity of a ripe plum at its darkest.

What is the meaning of the color Indigo?

A dye extracted from the plant Indigofera tinctoria gave indigo its name and its earliest commercial identity, with Sanskrit sources placing its trade roots in ancient India. By the 16th century, Portuguese merchants were shipping the dye through European ports, where it displaced woad as the dominant blue textile colorant. The British East India Company formalized large-scale indigo trade in the 17th century, and Isaac Newton placed indigo as one of the seven distinct bands of the visible spectrum in his Opticks, published in 1704.

RGB
86, 5, 145
HSL
275°, 93%, 29%
CMYK
41, 97, 0, 43
HSV
275°, 97%, 57%
Indigo color

What colors go with Indigo?

Colors that pair well with Indigo include:
Gold: warm, luminous contrast
White: clean, open balance
Coral: bright, warm lift
Forest Green: deep, natural grounding
Dusty Rose: soft, muted complement

Similar Colors

Conversions & Codes

Format Value CSS
HEX #560591 color: #560591;
RGB 86, 5, 145 color: rgb(86, 5, 145);
RGB Percentage 34%, 2%, 57% color: rgb(34%, 2%, 57%);
CMYK 41%, 97%, 0%, 43% Not supported in CSS
HSL 275°, 93%, 29% color: hsl(275, 93%, 29%);
HSV 275°, 97%, 57% Not supported in CSS
CIE-LAB 23, 16, -47 color: lab(23% 16 -47);
Decimal 5637521 Not supported in CSS

Color Variations

Shades

#55058F
#4D0580
#440472
#3C0464
#330356
#2B0347
#220239
#1A022B

Tints

#D196FB
#C273FA
#B350F9
#A32DF7
#940AF6
#7F08D5
#6A06B2
#55058F

Tones

#55058F
#540C88
#531381
#521A7A
#512173
#50286C
#4F2E65
#4D355F

Hues

#55058F
#8F0561
#8F1105
#8F7805
#3E8F05
#058F33
#05838F
#051C8F

Color Harmonies

Analogous

#11058F
Click to copy
#560591
Click to copy
#8F0583
Click to copy

Complementary

#560591
Click to copy
#3E8F05
Click to copy

Split Complementary

#560591
Click to copy
#838F05
Click to copy
#058F11
Click to copy

Triadic

#560591
Click to copy
#8F5505
Click to copy
#058F55
Click to copy

Tetradic

#560591
Click to copy
#8F1105
Click to copy
#3E8F05
Click to copy
#05838F
Click to copy

Square

#560591
Click to copy
#8F1105
Click to copy
#3E8F05
Click to copy
#05838F
Click to copy

CSS & Dev Snippets

CSS
.indigo {
  color: #560591;
}
SCSS
$indigo: #560591;
RGB
rgb(86, 5, 145)

Accessibility & Contrast

White background

11.50:1
11.50
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.83:1
1.83
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags