Indigo is a dark, vivid shade in the purple color family, with a cool feel. Its HEX code is #4B0082, which equals rgb(75, 0, 130) in RGB and hsl(275, 100%, 25%) in HSL. In print terms it converts to roughly C42 M100 Y0 K49, although exact CMYK results depend on the paper and color profile.
- HEX
#4B0082 - RGB
75, 0, 130 - HSL
275°, 100%, 25% - CMYK
42, 100, 0, 49 - Family
Purple - Tone
Dark, vivid
About Indigo
Purple shades blend the stability of blue with the energy of red. They are linked with creativity, luxury and imagination, and give designs a distinctive, premium feel. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 12.95:1. Its complementary color is #358000.
Download Indigo as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Indigo color codes
| HEX | #4B0082 |
|---|---|
| RGB | rgb(75, 0, 130) |
| HSL | hsl(275, 100%, 25%) |
| HSV | 275°, 100%, 51% |
| CMYK | 42%, 100%, 0%, 49% |
| Decimal | 4915330 |
Shades and tints of Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1D5EA - 100
#C3AAD5 - 200
#A580C1 - 300
#8755AC - 400
#692B97 - 500
#4B0082 - 600
#3F006C - 700
#320057 - 800
#260041 - 900
#19002B - 950
#0D0016
Color harmonies for Indigo
- Complementary
#358000≈ Dark Fern - Analogous −30°
#0B0080≈ Dark Ultramarine - Analogous +30°
#800075≈ Dark Fuchsia - Triadic +120°
#804A00≈ Dark Tangerine - Triadic +240°
#00804A≈ Dark Seafoam - Split 150°
#758000≈ Dark Citron - Split 210°
#00800B≈ Dark Kelly
Contrast and accessibility of Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Indigo | Aa | 12.95:1 | AAA (excellent) |
| Black text on Indigo | Aa | 1.62:1 | Fails |
CSS code for Indigo
background-color: #4B0082;color: #4B0082;background-color: rgb(75, 0, 130);background-color: hsl(275, 100%, 25%);:root { --color-indigo: #4B0082; }class="bg-[#4B0082]"Colors similar to Indigo
- Dark Amethyst
#500085 - Dark Violet Tone
#420085 - Dark Grape
#5D0085 - Dark Bright Amethyst
#4D0D77 - Dark Periwinkle
#350085 - Dark Bright Violet
#420D77 - Dark Bright Grape
#580D77 - Dark Bright Periwinkle
#380D77 - Dark Bright Purple
#620D77 - Dark Purple
#6A0085 - Dark Iris
#280085 - Deep Bright Periwinkle
#49119C
More purple shades
- Lavender
#E6E6FA - Thistle
#D8BFD8 - Orchid
#DA70D6 - Violet
#EE82EE - Rebecca Purple
#663399 - Blue Violet
#8A2BE2 - Dark Orchid
#9932CC - Dark Violet
#9400D3 - Medium Orchid
#BA55D3 - Mauve
#E0B0FF - Amethyst
#9966CC
Frequently asked questions
What is the HEX code for Indigo?
The HEX code for Indigo is #4B0082.
What is the RGB value of Indigo?
Indigo has an RGB value of 75, 0, 130 (rgb(75, 0, 130)). In HSL it is 275°, 100%, 25%.
What text color should I use on Indigo?
Use white text on Indigo. White text has a contrast ratio of 12.95:1 and black text has 1.62:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Indigo?
The complementary color of Indigo is #358000. Analogous colors #0B0080 and #800075 also pair well.