35 Different Shades of Indigo (+ HEX codes)
Explore all shades of indigo, from lighter to darker shades. See HEX codes, shade names, and indigo color palettes. Click any shade to copy its HEX code.
Indigo is the color of depth, mystery, and creativity! From deep, moody hues to rich, velvety tones, explore our collection of 30+ indigo shades that add a bold and sophisticated touch to any design.
Whether you prefer a dark, dramatic shade or a softer, more muted tone, you'll find a variety of shades with their names and color codes. Plus, discover stunning indigo color palettes for your projects!
- bright lavender#BF94E4
- lavender purple#977BB6
- rich lilac#B566D3
- purple mountain majesty#9678B6
- amethyst indigo#9274CD
- medium orchid#BA56D4
- medium slate blue#7C68EE
- lavender indigo#9357EB
- soft indigo#8166A9
- deep lilac#9955BC
- french lilac#86608F
- french mauve#86608E
- slate blue#6B5ACD
- deep periwinkle#7D6CC1
- royal purple#7852A9
- grape#7851A9
- majorelle blue#6150DC
- dark orchid#9932CC
- dark lavender#734F95
- iris#5A4FCF
- twilight lavender#8A496B
- blue violet#8A2BE1
- muted indigo#5B4E9C
- dusky indigo#68489E
- dark amethyst#614E8A
- iris purple#5D3FD3
- vivid violet#A000FF
- deep blue violet#473C8B
- deep indigo#4F3A76
- byzantium#702963
- dark violet#9400D4
- midnight indigo#3A1B6F
- electric indigo#6F00FF
- persian indigo#32117A
- indigo#4B0082
Indigo: HEX & RGB Codes
indigo has the following primary color codes:
HEX: #4B0082
RGB: (75, 0, 130).
Explore a wide range of indigo shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!
Explore tints of indigo
Pigment Indigo
#4a0080
Windsor
#580e90
Seance
#661e99
Royal Purple
#7832a9
Studio
#8447b3
Amethyst
#9961c2
Lilac Bush
#a97acd
Light Wisteria
#c09adb
Prelude
#d2b7e6
French Lilac
#e7d8f3
Explore shades of indigo
Black Russian
#0f001a
Black Russian
#180029
Tolopea
#1e0033
Tolopea
#260042
Ripe Plum
#2d004d
Ripe Plum
#36005c
Ripe Plum
#3b0066
Pigment Indigo
#440075
indigo in HEX, RGB, HSL and CMYK
| HEX | #4B0082 | |
|---|---|---|
| RGB | rgb(75, 0, 130) | |
| HSL | hsl(275, 100%, 25%) | |
| CMYK | cmyk(42%, 100%, 0%, 49%) |
Tints and shades of indigo
Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.
Tints (lighter)
#6e00bc
#9100f8
#ab36ff
#c472ff
#ddaeff
#f6ebff
Shades (darker)
#40006e
#36005c
#2b004a
#210038
#160026
#0c0014
Colours that work with indigo
Complementary
#4B0082 #358000
Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.
Analogous
#0b0080 #4B0082 #800075
Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.
Triadic
#4B0082 #804a00 #00804a
Three colours evenly spaced. Lively and balanced; let one dominate.
Text on indigo
Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker
indigo shade chart
Right-click to save the chart, or copy the individual codes above.