Pale Dusty Blue is a medium-light, muted shade in the blue color family, with a cool feel. Its HEX code is #AFAFCA, which equals rgb(175, 175, 202) in RGB and hsl(240, 20%, 74%) in HSL. In print terms it converts to roughly C13 M13 Y0 K21, although exact CMYK results depend on the paper and color profile.
- HEX
#AFAFCA - RGB
175, 175, 202 - HSL
240°, 20%, 74% - CMYK
13, 13, 0, 21 - Family
Blue - Tone
Medium-light, muted
About Pale Dusty Blue
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 black is the most readable choice on this color, with a contrast ratio of 9.81:1. Its complementary color is #CACAAF.
Download Pale Dusty Blue 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 Blue color codes
| HEX | #AFAFCA |
|---|---|
| RGB | rgb(175, 175, 202) |
| HSL | hsl(240, 20%, 74%) |
| HSV | 240°, 13%, 79% |
| CMYK | 13%, 13%, 0%, 21% |
| Decimal | 11513802 |
Shades and tints of Pale Dusty Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2F2F6 - 100
#E4E4ED - 200
#D7D7E5 - 300
#CACADC - 400
#BCBCD3 - 500
#AFAFCA - 600
#9292A8 - 700
#757587 - 800
#585865 - 900
#3A3A43 - 950
#1D1D22
Color harmonies for Pale Dusty Blue
- Complementary
#CACAAF≈ Pale Dusty Citron - Analogous −30°
#AFBDCA≈ Pale Dusty Azure - Analogous +30°
#BDAFCA≈ Pale Dusty Amethyst - Triadic +120°
#CAAFAF≈ Pale Dusty Cardinal - Triadic +240°
#AFCAAF≈ Pale Dusty Kelly - Split 150°
#CABDAF≈ Pale Dusty Tangerine - Split 210°
#BDCAAF≈ Pale Dusty Spring Bud
Contrast and accessibility of Pale Dusty Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Dusty Blue | Aa | 2.14:1 | Fails |
| Black text on Pale Dusty Blue | Aa | 9.81:1 | AAA (excellent) |
CSS code for Pale Dusty Blue
background-color: #AFAFCA;color: #AFAFCA;background-color: rgb(175, 175, 202);background-color: hsl(240, 20%, 74%);:root { --color-pale-dusty-blue: #AFAFCA; }class="bg-[#AFAFCA]"Colors similar to Pale Dusty Blue
- Pale Dusty Ultramarine
#B2AFCA - Pale Dusty Royal
#AFB2CA - Pale Dusty Indigo
#B5AFCA - Pale Dusty Cobalt
#AFB5CA - Pale Dusty Iris
#B7AFCA - Pale Dusty Sapphire
#AFB7CA - Pale Dusty Periwinkle
#BAAFCA - Pale Dusty Cornflower
#AFBACA - Pale Dusty Violet
#BDAFCA - Pale Dusty Amethyst
#BFAFCA - Cool Gray 70
#ACB1B9 - Pale Dusty Cerulean
#AFBDCA
More blue shades
- Dark Dusty Blue
#353550 - Deep Dusty Blue
#454568 - Medium Dark Dusty Blue
#565681 - Dusty Blue
#666699 - Medium Light Dusty Blue
#7E7EA9 - Light Dusty Blue
#9797BA - Very Pale Dusty Blue
#C8C8DA - Palest Dusty Blue
#E0E0EB - Darkest Ultramarine
#050033 - Very Dark Ultramarine
#09005C - Dark Ultramarine
#0D0085
Frequently asked questions
What is the HEX code for Pale Dusty Blue?
The HEX code for Pale Dusty Blue is #AFAFCA.
What is the RGB value of Pale Dusty Blue?
Pale Dusty Blue has an RGB value of 175, 175, 202 (rgb(175, 175, 202)). In HSL it is 240°, 20%, 74%.
What text color should I use on Pale Dusty Blue?
Use black text on Pale Dusty Blue. White text has a contrast ratio of 2.14:1 and black text has 9.81:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Dusty Blue?
The complementary color of Pale Dusty Blue is #CACAAF. Analogous colors #AFBDCA and #BDAFCA also pair well.