Light Dusty Indigo is a medium-light, muted shade in the blue color family, with a cool feel. Its HEX code is #9E97BA, which equals rgb(158, 151, 186) in RGB and hsl(252, 20%, 66%) in HSL. In print terms it converts to roughly C15 M19 Y0 K27, although exact CMYK results depend on the paper and color profile.
- HEX
#9E97BA - RGB
158, 151, 186 - HSL
252°, 20%, 66% - CMYK
15, 19, 0, 27 - Family
Blue - Tone
Medium-light, muted
About Light 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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 7.59:1. Its complementary color is #B3BA97.
Download Light 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…
Light Dusty Indigo color codes
| HEX | #9E97BA |
|---|---|
| RGB | rgb(158, 151, 186) |
| HSL | hsl(252, 20%, 66%) |
| HSV | 252°, 19%, 73% |
| CMYK | 15%, 19%, 0%, 27% |
| Decimal | 10393530 |
Shades and tints of Light Dusty Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EFEEF4 - 100
#DFDCE8 - 200
#CFCBDD - 300
#BEBAD1 - 400
#AEA8C6 - 500
#9E97BA - 600
#847E9B - 700
#69657C - 800
#4F4C5D - 900
#35323E - 950
#1A191F
Color harmonies for Light Dusty Indigo
- Complementary
#B3BA97≈ Light Dusty Citron - Analogous −30°
#97A1BA≈ Light Dusty Cobalt - Analogous +30°
#AF97BA≈ Light Dusty Amethyst - Triadic +120°
#BA9E97≈ Light Dusty Cinnabar - Triadic +240°
#97BA9E≈ Light Dusty Jade - Split 150°
#BAAF97≈ Light Dusty Tangerine - Split 210°
#A1BA97≈ Light Dusty Clover
Contrast and accessibility of Light Dusty Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Dusty Indigo | Aa | 2.77:1 | Fails |
| Black text on Light Dusty Indigo | Aa | 7.59:1 | AAA (excellent) |
CSS code for Light Dusty Indigo
background-color: #9E97BA;color: #9E97BA;background-color: rgb(158, 151, 186);background-color: hsl(252, 20%, 66%);:root { --color-light-dusty-indigo: #9E97BA; }class="bg-[#9E97BA]"Colors similar to Light Dusty Indigo
- Light Dusty Iris
#A197BA - Light Dusty Ultramarine
#9A97BA - Light Dusty Blue
#9797BA - Light Dusty Periwinkle
#A597BA - Light Dusty Royal
#979ABA - Light Dusty Violet
#A897BA - Light Dusty Cobalt
#979EBA - Light Dusty Amethyst
#AC97BA - Light Dusty Sapphire
#97A1BA - Light Dusty Grape
#AF97BA - Light Dusty Cornflower
#97A5BA - Cool Gray 65
#9EA4AE
More blue shades
- Very Dark Dusty Indigo
#282537 - Dark Dusty Indigo
#3A3550 - Deep Dusty Indigo
#4C4568 - Medium Dark Dusty Indigo
#5E5681 - Dusty Indigo
#706699 - Medium Light Dusty Indigo
#877EA9 - Pale Dusty Indigo
#B5AFCA - Very Pale Dusty Indigo
#CCC8DA - Palest Dusty Indigo
#E2E0EB - Darkest Iris
#0F0033 - Very Dark Iris
#1C005C
Frequently asked questions
What is the HEX code for Light Dusty Indigo?
The HEX code for Light Dusty Indigo is #9E97BA.
What is the RGB value of Light Dusty Indigo?
Light Dusty Indigo has an RGB value of 158, 151, 186 (rgb(158, 151, 186)). In HSL it is 252°, 20%, 66%.
What text color should I use on Light Dusty Indigo?
Use black text on Light Dusty Indigo. White text has a contrast ratio of 2.77:1 and black text has 7.59:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Dusty Indigo?
The complementary color of Light Dusty Indigo is #B3BA97. Analogous colors #97A1BA and #AF97BA also pair well.