Color code and palette
Indigo Color
Indigo is a deep blue-violet at #4B0082. It creates a thoughtful, atmospheric base for creative technology, night themes and palettes that need more chroma than navy.
Indigo
#4B0082
Color formats
The same base color in common web formats.
Shades
| Color | Name | HEX | RGB | HSL | Copy |
|---|---|---|---|---|---|
| Indigo 50 | #F4E5FF | 244, 229, 255 | 275, 100%, 95% | ||
| Indigo 100 | #DFB3FF | 223, 179, 255 | 275, 100%, 85% | ||
| Indigo 200 | #CA80FF | 202, 128, 255 | 275, 100%, 75% | ||
| Indigo 300 | #B54DFF | 181, 77, 255 | 275, 100%, 65% | ||
| Indigo 400 | #9F1AFF | 159, 26, 255 | 275, 100%, 55% | ||
| Indigo 500 | #8600E6 | 134, 0, 230 | 275, 100%, 45% | ||
| Indigo 600 | #6800B3 | 104, 0, 179 | 275, 100%, 35% | ||
| Indigo 700 | #4A0080 | 74, 0, 128 | 275, 100%, 25% | ||
| Indigo 800 | #2D004D | 45, 0, 77 | 275, 100%, 15% | ||
| Indigo 900 | #0F001A | 15, 0, 26 | 275, 100%, 5% |
Text contrast
These ratios use the WCAG relative luminance formula.
Aa White text 12.95:1
AAA
Aa Black text 1.62:1
Fail
Ways to use Indigo
Creative technology identities
Night and space themes
Deep gradients with violet or blue
Colors that go with Indigo
Color-wheel harmonies built from #4B0082. Click a swatch to copy it or open the set in the color wheel.
Split complementary
Open in color wheelA base plus the two neighbors of its complement — contrast with less tension.