Dark Bright Indigo is a dark, saturated shade in the blue color family, with a cool feel. Its HEX code is #220D77, which equals rgb(34, 13, 119) in RGB and hsl(252, 80%, 26%) in HSL. In print terms it converts to roughly C71 M89 Y0 K53, although exact CMYK results depend on the paper and color profile.
- HEX
#220D77 - RGB
34, 13, 119 - HSL
252°, 80%, 26% - CMYK
71, 89, 0, 53 - Family
Blue - Tone
Dark, saturated
About Dark Bright 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 15.09:1. Its complementary color is #62770D.
Download Dark Bright 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 Bright Indigo color codes
| HEX | #220D77 |
|---|---|
| RGB | rgb(34, 13, 119) |
| HSL | hsl(252, 80%, 26%) |
| HSV | 252°, 89%, 47% |
| CMYK | 71%, 89%, 0%, 53% |
| Decimal | 2231671 |
Shades and tints of Dark Bright Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DAD7E8 - 100
#B5AED2 - 200
#9186BB - 300
#6C5EA4 - 400
#47358E - 500
#220D77 - 600
#1C0B63 - 700
#17094F - 800
#11073C - 900
#0B0428 - 950
#060214
Color harmonies for Dark Bright Indigo
- Complementary
#62770D≈ Dark Bright Chartreuse - Analogous −30°
#0D2D77≈ Dark Bright Cornflower - Analogous +30°
#580D77≈ Dark Bright Purple - Triadic +120°
#77220D≈ Dark Bright Scarlet - Triadic +240°
#0D7722≈ Dark Bright Kelly - Split 150°
#77580D≈ Dark Bright Marigold - Split 210°
#2D770D≈ Dark Bright Clover
Contrast and accessibility of Dark Bright Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Bright Indigo | Aa | 15.09:1 | AAA (excellent) |
| Black text on Dark Bright Indigo | Aa | 1.39:1 | Fails |
CSS code for Dark Bright Indigo
background-color: #220D77;color: #220D77;background-color: rgb(34, 13, 119);background-color: hsl(252, 80%, 26%);:root { --color-dark-bright-indigo: #220D77; }class="bg-[#220D77]"Colors similar to Dark Bright Indigo
- Dark Bright Ultramarine
#180D77 - Dark Bright Iris
#2D0D77 - Midnight Blue
#191970 - Dark Bright Blue
#0D0D77 - Dark Bright Periwinkle
#380D77 - Dark Soft Ultramarine
#221B6A - Dark Iris
#280085 - Dark Indigo
#1B0085 - Dark Soft Blue
#1B1B6A - Dark Soft Indigo
#2A1B6A - Dark Bright Royal
#0D1877 - Dark Soft Iris
#321B6A
More blue shades
- Light Indigo
#7452FF - Pale Indigo
#957AFF - Very Pale Indigo
#B6A3FF - Palest Indigo
#D6CCFF - Darkest Bright Indigo
#0D052E - Very Dark Bright Indigo
#180953 - Deep Bright Indigo
#2D119C - Medium Dark Bright Indigo
#3815C1 - Bright Indigo
#4219E6 - Medium Light Bright Indigo
#603EEA - Light Bright Indigo
#7F63EE
Frequently asked questions
What is the HEX code for Dark Bright Indigo?
The HEX code for Dark Bright Indigo is #220D77.
What is the RGB value of Dark Bright Indigo?
Dark Bright Indigo has an RGB value of 34, 13, 119 (rgb(34, 13, 119)). In HSL it is 252°, 80%, 26%.
What text color should I use on Dark Bright Indigo?
Use white text on Dark Bright Indigo. White text has a contrast ratio of 15.09: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 Bright Indigo?
The complementary color of Dark Bright Indigo is #62770D. Analogous colors #0D2D77 and #580D77 also pair well.