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.
HEX
#4B0082 RGB
rgb(75, 0, 130) HSL
hsl(275, 100%, 25%) OKLCH
oklch(34.0% 0.179 302.0) 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.
Shades
| Color | Name | Hex | |
|---|---|---|---|
| Indigo 50 | #F4E5FF | ||
| Indigo 100 | #DFB3FF | ||
| Indigo 200 | #CA80FF | ||
| Indigo 300 | #B54DFF | ||
| Indigo 400 | #9F1AFF | ||
| Indigo 500 | #8600E6 | ||
| Indigo 600 | #6800B3 | ||
| Indigo 700 | #4A0080 | ||
| Indigo 800 | #2D004D | ||
| Indigo 900 | #0F001A |
Triadic color harmony
Three evenly spaced hues create a colorful but balanced starting palette.
Text contrast
These ratios use the WCAG relative luminance formula.
White textNaN:1
Black textNaN:1
Ways to use indigo
01
Creative technology identities
02
Night and space themes
03
Deep gradients with violet or blue