
Figma color wheel
Want to find the perfect complementary or analogous colors to match indigo?
Skip to main content
Everything you need to know about indigo to inspire your next design.
Indigo is a dark, cool hue that sits between blue and violet on the color wheel. It's a deep, rich tone that is commonly associated with feelings of wisdom, trust, and luxury.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Purple Rain
Iris Bouquet
True Drama
Indigo is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
Here are some ways to use indigo in your designs:
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same bold, elegant spectrum as indigo, consider:
To complement indigo, consider pairing it with:
Other colors worth considering include silver and cream for their natural, refined appearance. Light green and taupe also pair well with indigo, establishing a sense of calm stability.
While indigo is reserved, it may clash with:
Indigo symbolizes wisdom, trust, and luxury.
In color psychology, indigo’s connection to royalty and wisdom can promote a sense of confidence and reliability. Its calming appearance can also elicit feelings of serenity, evoking peace and tranquility.
Indigo is used in UI design to instill a sense of trust and control, making it a solid choice for financial applications and other areas where trust is the goal.
The word “indigo” comes from the Greek term for “Indian dye,” connecting it with the country known for its production. Its first documented use was in 4000 BC when Peruvians extracted the pigment from the Indigofera tinctoria plant.
Indigo was highly sought-after in the 16th century due to its rarity. Its deep hue symbolized wealth and royalty, and the color was often used for luxurious textiles. In the late 19th century, synthetic indigo was invented, making the color more accessible. Today, it's used in fashion, interior design, and digital UI design.
Contrast 11.5
#560591
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 1.83
#560591
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #560591, known as indigo, has RGB values of R:86, G:5, B:145, and CMYK values of C:41, M:97, Y:0, and K:43.
| VALUE | CSS | |
|---|---|---|
| HEX | 560591 | #560591 |
| RGB DECIMAL | 86, 5, 145 | RGB(86,5,145) |
| RGB PERCENTAGE | 33.7, 2, 56.9 | RGB(33.7%,2%,56.9%) |
| CMYK | 41, 97, 0, 43 | |
| HSL | 274.7°, 93.3, 29.4 | HSL(274.7,93.3%,29.4%) |
| HSV (OR HSB) | 274.7°, 96.6, 56.9 | |
| WEB SAFE | 660099 | #660099 |
| CIE-LAB | 24.101, 55.064, -56.68 | |
| XYZ | 9.002, 4.131, 27.11 | |
| xyY | 0.224, 0.103, 4.131 | |
| CIE-LCH | 24.101, 79.024, 314.171 | |
| CIE-LUV | 24.101, 12.09, -70.245 | |
| HUNTER-LAB | 20.326, 43.485, -64.85 | |
| BINARY | 01010110, 00000101, 10010001 | |
| iOS - SwiftUI | Color(red: 0.337, green: 0.020, blue: 0.569) | |
| iOS - UIKit | UIColor(red: 0.337, green: 0.020, blue: 0.569, alpha: 1) | |
| Android - Compose | Color(0xFF560591) |

Want to find the perfect complementary or analogous colors to match indigo?

Discover the allure and trustworthiness of dark blue.

Embrace the refined elegance of purple.