Dark Indigo is a dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #1B0085, which equals rgb(27, 0, 133) in RGB and hsl(252, 100%, 26%) in HSL. In print terms it converts to roughly C80 M100 Y0 K48, although exact CMYK results depend on the paper and color profile.
- HEX
#1B0085 - RGB
27, 0, 133 - HSL
252°, 100%, 26% - CMYK
80, 100, 0, 48 - Family
Blue - Tone
Dark, vivid
About Dark 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. 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 15.16:1. Its complementary color is #6A8500.
Download Dark 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…
Dark Indigo color codes
| HEX | #1B0085 |
|---|---|
| RGB | rgb(27, 0, 133) |
| HSL | hsl(252, 100%, 26%) |
| HSV | 252°, 100%, 52% |
| CMYK | 80%, 100%, 0%, 48% |
| Decimal | 1769605 |
Shades and tints of Dark Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D9D5EB - 100
#B3AAD6 - 200
#8D80C2 - 300
#6755AE - 400
#412B99 - 500
#1B0085 - 600
#17006F - 700
#120059 - 800
#0E0043 - 900
#09002C - 950
#050016
Color harmonies for Dark Indigo
- Complementary
#6A8500≈ Dark Chartreuse - Analogous −30°
#002885≈ Dark Cornflower - Analogous +30°
#5D0085≈ Dark Amethyst - Triadic +120°
#851B00≈ Dark Cinnabar - Triadic +240°
#00851B≈ Dark Jade - Split 150°
#855D00≈ Dark Tangerine - Split 210°
#288500≈ Dark Clover
Contrast and accessibility of Dark Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Indigo | Aa | 15.16:1 | AAA (excellent) |
| Black text on Dark Indigo | Aa | 1.39:1 | Fails |
CSS code for Dark Indigo
background-color: #1B0085;color: #1B0085;background-color: rgb(27, 0, 133);background-color: hsl(252, 100%, 26%);:root { --color-dark-indigo: #1B0085; }class="bg-[#1B0085]"Colors similar to Dark Indigo
- Dark Iris
#280085 - Dark Ultramarine
#0D0085 - Dark Bright Ultramarine
#180D77 - Dark Bright Indigo
#220D77 - Dark Periwinkle
#350085 - Dark Blue Tone
#000085 - Navy
#000080 - Dark Blue
#00008B - Dark Bright Blue
#0D0D77 - Dark Bright Iris
#2D0D77 - Dark Royal
#000D85 - Deep Bright Ultramarine
#1F119C
More blue shades
- Light Dusty Ultramarine
#9A97BA - Pale Dusty Ultramarine
#B2AFCA - Very Pale Dusty Ultramarine
#CAC8DA - Palest Dusty Ultramarine
#E1E0EB - Darkest Indigo
#0A0033 - Very Dark Indigo
#12005C - Deep Indigo
#2300AD - Medium Dark Indigo
#2B00D6 - Pure Indigo
#3300FF - Medium Light Indigo
#5429FF - Light Indigo
#7452FF
Frequently asked questions
What is the HEX code for Dark Indigo?
The HEX code for Dark Indigo is #1B0085.
What is the RGB value of Dark Indigo?
Dark Indigo has an RGB value of 27, 0, 133 (rgb(27, 0, 133)). In HSL it is 252°, 100%, 26%.
What text color should I use on Dark Indigo?
Use white text on Dark Indigo. White text has a contrast ratio of 15.16:1 and black text has 1.39:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Indigo?
The complementary color of Dark Indigo is #6A8500. Analogous colors #002885 and #5D0085 also pair well.