Dark Dusty Indigo is a dark, muted shade in the blue color family, with a cool feel. Its HEX code is #3A3550, which equals rgb(58, 53, 80) in RGB and hsl(251, 20%, 26%) in HSL. In print terms it converts to roughly C28 M34 Y0 K69, although exact CMYK results depend on the paper and color profile.
- HEX
#3A3550 - RGB
58, 53, 80 - HSL
251°, 20%, 26% - CMYK
28, 34, 0, 69 - Family
Blue - Tone
Dark, muted
About Dark Dusty 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 11.63:1. Its complementary color is #4B5035.
Download Dark Dusty 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 Dusty Indigo color codes
| HEX | #3A3550 |
|---|---|
| RGB | rgb(58, 53, 80) |
| HSL | hsl(251, 20%, 26%) |
| HSV | 251°, 34%, 31% |
| CMYK | 28%, 34%, 0%, 69% |
| Decimal | 3814736 |
Shades and tints of Dark Dusty Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DEDDE2 - 100
#BDBCC5 - 200
#9D9AA8 - 300
#7C788A - 400
#5B576D - 500
#3A3550 - 600
#302C43 - 700
#272335 - 800
#1D1B28 - 900
#13121B - 950
#0A090D
Color harmonies for Dark Dusty Indigo
- Complementary
#4B5035≈ Dark Dusty Lime - Analogous −30°
#353D50≈ Dark Dusty Cornflower - Analogous +30°
#473550≈ Dark Dusty Grape - Triadic +120°
#503A35≈ Dark Dusty Scarlet - Triadic +240°
#35503A≈ Dark Dusty Kelly - Split 150°
#504735≈ Dark Dusty Amber - Split 210°
#3D5035≈ Dark Dusty Clover
Contrast and accessibility of Dark Dusty Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Dusty Indigo | Aa | 11.63:1 | AAA (excellent) |
| Black text on Dark Dusty Indigo | Aa | 1.80:1 | Fails |
CSS code for Dark Dusty Indigo
background-color: #3A3550;color: #3A3550;background-color: rgb(58, 53, 80);background-color: hsl(251, 20%, 26%);:root { --color-dark-dusty-indigo: #3A3550; }class="bg-[#3A3550]"Colors similar to Dark Dusty Indigo
- Dark Dusty Ultramarine
#383550 - Dark Dusty Iris
#3D3550 - Dark Dusty Blue
#353550 - Dark Dusty Periwinkle
#403550 - Dark Dusty Royal
#353850 - Dark Dusty Violet
#423550 - Dark Dusty Cobalt
#353A50 - Dark Dusty Amethyst
#453550 - Dark Dusty Sapphire
#353D50 - Dark Dusty Grape
#483550 - Dark Dusty Cornflower
#354050 - Dark Dusty Purple
#4A3550
More blue shades
- Medium Light Muted Indigo
#7A69BF - Light Muted Indigo
#9386CB - Pale Muted Indigo
#ADA2D7 - Very Pale Muted Indigo
#C6BFE3 - Palest Muted Indigo
#DFDBF0 - Very Dark Dusty Indigo
#282537 - Deep Dusty Indigo
#4C4568 - Medium Dark Dusty Indigo
#5E5681 - Dusty Indigo
#706699 - Medium Light Dusty Indigo
#877EA9 - Light Dusty Indigo
#9E97BA
Frequently asked questions
What is the HEX code for Dark Dusty Indigo?
The HEX code for Dark Dusty Indigo is #3A3550.
What is the RGB value of Dark Dusty Indigo?
Dark Dusty Indigo has an RGB value of 58, 53, 80 (rgb(58, 53, 80)). In HSL it is 251°, 20%, 26%.
What text color should I use on Dark Dusty Indigo?
Use white text on Dark Dusty Indigo. White text has a contrast ratio of 11.63:1 and black text has 1.80:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Dusty Indigo?
The complementary color of Dark Dusty Indigo is #4B5035. Analogous colors #353D50 and #473550 also pair well.