Pale Dusty Indigo is a medium-light, muted shade in the blue color family, with a cool feel. Its HEX code is #B5AFCA, which equals rgb(181, 175, 202) in RGB and hsl(253, 20%, 74%) in HSL. In print terms it converts to roughly C10 M13 Y0 K21, although exact CMYK results depend on the paper and color profile.
- HEX
#B5AFCA - RGB
181, 175, 202 - HSL
253°, 20%, 74% - CMYK
10, 13, 0, 21 - Family
Blue - Tone
Medium-light, muted
About Pale 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 9.95:1. Its complementary color is #C4CAAF.
Download Pale 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…
Pale Dusty Indigo color codes
| HEX | #B5AFCA |
|---|---|
| RGB | rgb(181, 175, 202) |
| HSL | hsl(253, 20%, 74%) |
| HSV | 253°, 13%, 79% |
| CMYK | 10%, 13%, 0%, 21% |
| Decimal | 11907018 |
Shades and tints of Pale Dusty Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F3F2F6 - 100
#E6E4ED - 200
#DAD7E5 - 300
#CECADC - 400
#C1BCD3 - 500
#B5AFCA - 600
#9792A8 - 700
#797587 - 800
#5B5865 - 900
#3C3A43 - 950
#1E1D22
Color harmonies for Pale Dusty Indigo
- Complementary
#C4CAAF≈ Pale Dusty Lime - Analogous −30°
#AFB7CA≈ Pale Dusty Cobalt - Analogous +30°
#C2AFCA≈ Pale Dusty Amethyst - Triadic +120°
#CAB5AF≈ Pale Dusty Cinnabar - Triadic +240°
#AFCAB5≈ Pale Dusty Jade - Split 150°
#CAC2AF≈ Pale Dusty Tangerine - Split 210°
#B7CAAF≈ Pale Dusty Clover
Contrast and accessibility of Pale Dusty Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Dusty Indigo | Aa | 2.11:1 | Fails |
| Black text on Pale Dusty Indigo | Aa | 9.95:1 | AAA (excellent) |
CSS code for Pale Dusty Indigo
background-color: #B5AFCA;color: #B5AFCA;background-color: rgb(181, 175, 202);background-color: hsl(253, 20%, 74%);:root { --color-pale-dusty-indigo: #B5AFCA; }class="bg-[#B5AFCA]"Colors similar to Pale Dusty Indigo
- Pale Dusty Iris
#B7AFCA - Pale Dusty Ultramarine
#B2AFCA - Pale Dusty Periwinkle
#BAAFCA - Pale Dusty Blue
#AFAFCA - Pale Dusty Royal
#AFB2CA - Pale Dusty Violet
#BDAFCA - Pale Dusty Cobalt
#AFB5CA - Pale Dusty Amethyst
#BFAFCA - Pale Dusty Sapphire
#AFB7CA - Pale Dusty Grape
#C2AFCA - Pale Dusty Cornflower
#AFBACA - Pale Dusty Purple
#C5AFCA
More blue shades
- Dark Dusty Indigo
#3A3550 - Deep Dusty Indigo
#4C4568 - Medium Dark Dusty Indigo
#5E5681 - Dusty Indigo
#706699 - Medium Light Dusty Indigo
#877EA9 - Light Dusty Indigo
#9E97BA - Very Pale Dusty Indigo
#CCC8DA - Palest Dusty Indigo
#E2E0EB - Darkest Iris
#0F0033 - Very Dark Iris
#1C005C - Dark Iris
#280085
Frequently asked questions
What is the HEX code for Pale Dusty Indigo?
The HEX code for Pale Dusty Indigo is #B5AFCA.
What is the RGB value of Pale Dusty Indigo?
Pale Dusty Indigo has an RGB value of 181, 175, 202 (rgb(181, 175, 202)). In HSL it is 253°, 20%, 74%.
What text color should I use on Pale Dusty Indigo?
Use black text on Pale Dusty Indigo. White text has a contrast ratio of 2.11:1 and black text has 9.95:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Dusty Indigo?
The complementary color of Pale Dusty Indigo is #C4CAAF. Analogous colors #AFB7CA and #C2AFCA also pair well.