Pale Dusty Azure is a medium-light, muted shade in the blue color family, with a cool feel. Its HEX code is #AFBFCA, which equals rgb(175, 191, 202) in RGB and hsl(204, 20%, 74%) in HSL. In print terms it converts to roughly C13 M5 Y0 K21, although exact CMYK results depend on the paper and color profile.
- HEX
#AFBFCA - RGB
175, 191, 202 - HSL
204°, 20%, 74% - CMYK
13, 5, 0, 21 - Family
Blue - Tone
Medium-light, muted
About Pale Dusty Azure
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 11.13:1. Its complementary color is #CABAAF.
Download Pale Dusty Azure 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 Azure color codes
| HEX | #AFBFCA |
|---|---|
| RGB | rgb(175, 191, 202) |
| HSL | hsl(204, 20%, 74%) |
| HSV | 204°, 13%, 79% |
| CMYK | 13%, 5%, 0%, 21% |
| Decimal | 11517898 |
Shades and tints of Pale Dusty Azure
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2F4F6 - 100
#E4EAED - 200
#D7DFE5 - 300
#CAD4DC - 400
#BCCAD3 - 500
#AFBFCA - 600
#929FA8 - 700
#757F87 - 800
#586065 - 900
#3A4043 - 950
#1D2022
Color harmonies for Pale Dusty Azure
- Complementary
#CABAAF≈ Pale Dusty Cinnabar - Analogous −30°
#AFCAC7≈ Pale Dusty Turquoise - Analogous +30°
#AFB2CA≈ Pale Dusty Cobalt - Triadic +120°
#CAAFBF≈ Pale Dusty Blush - Triadic +240°
#BFCAAF≈ Pale Dusty Apple - Split 150°
#CAAFB2≈ Pale Dusty Red - Split 210°
#CAC7AF≈ Pale Dusty Marigold
Contrast and accessibility of Pale Dusty Azure
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Dusty Azure | Aa | 1.89:1 | Fails |
| Black text on Pale Dusty Azure | Aa | 11.13:1 | AAA (excellent) |
CSS code for Pale Dusty Azure
background-color: #AFBFCA;color: #AFBFCA;background-color: rgb(175, 191, 202);background-color: hsl(204, 20%, 74%);:root { --color-pale-dusty-azure: #AFBFCA; }class="bg-[#AFBFCA]"Colors similar to Pale Dusty Azure
- Pale Dusty Cerulean
#AFBDCA - Pale Dusty Capri
#AFC2CA - Pale Dusty Cornflower
#AFBACA - Pale Dusty Peacock
#AFC5CA - Pale Dusty Lagoon
#AFC7CA - Pale Dusty Sapphire
#AFB7CA - Cool Gray 75
#BABEC5 - Pale Dusty Cobalt
#AFB5CA - Pale Dusty Cyan
#AFCACA - Pale Dusty Teal
#AFCAC7 - Pale Dusty Turquoise
#AFCAC5 - Pale Dusty Aquamarine
#AFCAC2
More blue shades
- Dark Dusty Azure
#354550 - Deep Dusty Azure
#455A68 - Medium Dark Dusty Azure
#566F81 - Dusty Azure
#668599 - Medium Light Dusty Azure
#7E98A9 - Light Dusty Azure
#97ACBA - Very Pale Dusty Azure
#C8D3DA - Palest Dusty Azure
#E0E7EB - Darkest Cerulean
#001933 - Very Dark Cerulean
#002E5C - Dark Cerulean
#004285
Frequently asked questions
What is the HEX code for Pale Dusty Azure?
The HEX code for Pale Dusty Azure is #AFBFCA.
What is the RGB value of Pale Dusty Azure?
Pale Dusty Azure has an RGB value of 175, 191, 202 (rgb(175, 191, 202)). In HSL it is 204°, 20%, 74%.
What text color should I use on Pale Dusty Azure?
Use black text on Pale Dusty Azure. White text has a contrast ratio of 1.89:1 and black text has 11.13:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Dusty Azure?
The complementary color of Pale Dusty Azure is #CABAAF. Analogous colors #AFCAC7 and #AFB2CA also pair well.