Deep Indigo is a medium-dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #2300AD, which equals rgb(35, 0, 173) in RGB and hsl(252, 100%, 34%) in HSL. In print terms it converts to roughly C80 M100 Y0 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#2300AD - RGB
35, 0, 173 - HSL
252°, 100%, 34% - CMYK
80, 100, 0, 32 - Family
Blue - Tone
Medium-dark, vivid
About Deep Indigo
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 12.54:1. Its complementary color is #8BAD00.
Download Deep 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…
Deep Indigo color codes
| HEX | #2300AD |
|---|---|
| RGB | rgb(35, 0, 173) |
| HSL | hsl(252, 100%, 34%) |
| HSV | 252°, 100%, 68% |
| CMYK | 80%, 100%, 0%, 32% |
| Decimal | 2293933 |
Shades and tints of Deep Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DAD5F1 - 100
#B6AAE4 - 200
#9180D6 - 300
#6C55C8 - 400
#482BBB - 500
#2300AD - 600
#1D0090 - 700
#170073 - 800
#120057 - 900
#0C003A - 950
#06001D
Color harmonies for Deep Indigo
- Complementary
#8BAD00≈ Deep Citron - Analogous −30°
#0034AD≈ Deep Cornflower - Analogous +30°
#7900AD≈ Deep Amethyst - Triadic +120°
#AD2300≈ Deep Cinnabar - Triadic +240°
#00AD23≈ Deep Jade - Split 150°
#AD7900≈ Caramel - Split 210°
#34AD00≈ Deep Clover
Contrast and accessibility of Deep Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Indigo | Aa | 12.54:1 | AAA (excellent) |
| Black text on Deep Indigo | Aa | 1.67:1 | Fails |
CSS code for Deep Indigo
background-color: #2300AD;color: #2300AD;background-color: rgb(35, 0, 173);background-color: hsl(252, 100%, 34%);:root { --color-deep-indigo: #2300AD; }class="bg-[#2300AD]"Colors similar to Deep Indigo
- Deep Iris
#3400AD - Deep Ultramarine
#1100AD - Deep Bright Ultramarine
#1F119C - Deep Bright Indigo
#2D119C - Deep Blue
#0000AD - Deep Periwinkle
#4500AD - Deep Bright Blue
#11119C - Medium Dark Bright Ultramarine
#2715C1 - Deep Bright Iris
#3B119C - Medium Dark Bright Blue
#1515C1 - Deep Royal
#0011AD - Medium Dark Bright Indigo
#3815C1
More blue shades
- Pale Dusty Ultramarine
#B2AFCA - Very Pale Dusty Ultramarine
#CAC8DA - Palest Dusty Ultramarine
#E1E0EB - Darkest Indigo
#0A0033 - Very Dark Indigo
#12005C - Dark Indigo
#1B0085 - Medium Dark Indigo
#2B00D6 - Pure Indigo
#3300FF - Medium Light Indigo
#5429FF - Light Indigo
#7452FF - Pale Indigo
#957AFF
Frequently asked questions
What is the HEX code for Deep Indigo?
The HEX code for Deep Indigo is #2300AD.
What is the RGB value of Deep Indigo?
Deep Indigo has an RGB value of 35, 0, 173 (rgb(35, 0, 173)). In HSL it is 252°, 100%, 34%.
What text color should I use on Deep Indigo?
Use white text on Deep Indigo. White text has a contrast ratio of 12.54:1 and black text has 1.67:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Indigo?
The complementary color of Deep Indigo is #8BAD00. Analogous colors #0034AD and #7900AD also pair well.