Pale Dusty Royal is a medium-light, muted shade in the blue color family, with a cool feel. Its HEX code is #AFB2CA, which equals rgb(175, 178, 202) in RGB and hsl(233, 20%, 74%) in HSL. In print terms it converts to roughly C13 M12 Y0 K21, although exact CMYK results depend on the paper and color profile.
- HEX
#AFB2CA - RGB
175, 178, 202 - HSL
233°, 20%, 74% - CMYK
13, 12, 0, 21 - Family
Blue - Tone
Medium-light, muted
About Pale Dusty Royal
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 10.04:1. Its complementary color is #CAC7AF.
Download Pale Dusty Royal 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 Royal color codes
| HEX | #AFB2CA |
|---|---|
| RGB | rgb(175, 178, 202) |
| HSL | hsl(233, 20%, 74%) |
| HSV | 233°, 13%, 79% |
| CMYK | 13%, 12%, 0%, 21% |
| Decimal | 11514570 |
Shades and tints of Pale Dusty Royal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2F2F6 - 100
#E4E5ED - 200
#D7D9E5 - 300
#CACCDC - 400
#BCBFD3 - 500
#AFB2CA - 600
#9294A8 - 700
#757787 - 800
#585965 - 900
#3A3B43 - 950
#1D1E22
Color harmonies for Pale Dusty Royal
- Complementary
#CAC7AF≈ Pale Dusty Marigold - Analogous −30°
#AFC0CA≈ Pale Dusty Azure - Analogous +30°
#BAAFCA≈ Pale Dusty Iris - Triadic +120°
#CAAFB3≈ Pale Dusty Cardinal - Triadic +240°
#B3CAAF≈ Pale Dusty Shamrock - Split 150°
#CABAAF≈ Pale Dusty Cinnabar - Split 210°
#C0CAAF≈ Pale Dusty Spring Bud
Contrast and accessibility of Pale Dusty Royal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Dusty Royal | Aa | 2.09:1 | Fails |
| Black text on Pale Dusty Royal | Aa | 10.04:1 | AAA (excellent) |
CSS code for Pale Dusty Royal
background-color: #AFB2CA;color: #AFB2CA;background-color: rgb(175, 178, 202);background-color: hsl(233, 20%, 74%);:root { --color-pale-dusty-royal: #AFB2CA; }class="bg-[#AFB2CA]"Colors similar to Pale Dusty Royal
- Pale Dusty Cobalt
#AFB5CA - Pale Dusty Blue
#AFAFCA - Pale Dusty Ultramarine
#B2AFCA - Pale Dusty Sapphire
#AFB7CA - Pale Dusty Indigo
#B5AFCA - Pale Dusty Iris
#B7AFCA - Pale Dusty Cornflower
#AFBACA - Pale Dusty Periwinkle
#BAAFCA - Pale Dusty Cerulean
#AFBDCA - Pale Dusty Violet
#BDAFCA - Pale Dusty Azure
#AFBFCA - Cool Gray 70
#ACB1B9
More blue shades
- Dark Dusty Royal
#353850 - Deep Dusty Royal
#454968 - Medium Dark Dusty Royal
#565A81 - Dusty Royal
#666B99 - Medium Light Dusty Royal
#7E83A9 - Light Dusty Royal
#979ABA - Very Pale Dusty Royal
#C8CADA - Palest Dusty Royal
#E0E1EB - Darkest Blue
#000033 - Very Dark Blue
#00005C - Dark Blue Tone
#000085
Frequently asked questions
What is the HEX code for Pale Dusty Royal?
The HEX code for Pale Dusty Royal is #AFB2CA.
What is the RGB value of Pale Dusty Royal?
Pale Dusty Royal has an RGB value of 175, 178, 202 (rgb(175, 178, 202)). In HSL it is 233°, 20%, 74%.
What text color should I use on Pale Dusty Royal?
Use black text on Pale Dusty Royal. White text has a contrast ratio of 2.09:1 and black text has 10.04:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Dusty Royal?
The complementary color of Pale Dusty Royal is #CAC7AF. Analogous colors #AFC0CA and #BAAFCA also pair well.