Pale Dusty Sapphire is a medium-light, muted shade in the blue color family, with a cool feel. Its HEX code is #AFB7CA, which equals rgb(175, 183, 202) in RGB and hsl(222, 20%, 74%) in HSL. In print terms it converts to roughly C13 M9 Y0 K21, although exact CMYK results depend on the paper and color profile.
- HEX
#AFB7CA - RGB
175, 183, 202 - HSL
222°, 20%, 74% - CMYK
13, 9, 0, 21 - Family
Blue - Tone
Medium-light, muted
About Pale Dusty Sapphire
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.45:1. Its complementary color is #CAC2AF.
Download Pale Dusty Sapphire 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 Sapphire color codes
| HEX | #AFB7CA |
|---|---|
| RGB | rgb(175, 183, 202) |
| HSL | hsl(222, 20%, 74%) |
| HSV | 222°, 13%, 79% |
| CMYK | 13%, 9%, 0%, 21% |
| Decimal | 11515850 |
Shades and tints of Pale Dusty Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2F3F6 - 100
#E4E7ED - 200
#D7DBE5 - 300
#CACFDC - 400
#BCC3D3 - 500
#AFB7CA - 600
#9299A8 - 700
#757A87 - 800
#585C65 - 900
#3A3D43 - 950
#1D1F22
Color harmonies for Pale Dusty Sapphire
- Complementary
#CAC2AF≈ Pale Dusty Tangerine - Analogous −30°
#AFC5CA≈ Pale Dusty Lagoon - Analogous +30°
#B5AFCA≈ Pale Dusty Iris - Triadic +120°
#CAAFB7≈ Pale Dusty Crimson - Triadic +240°
#B7CAAF≈ Pale Dusty Clover - Split 150°
#CAB5AF≈ Pale Dusty Cinnabar - Split 210°
#C5CAAF≈ Pale Dusty Citron
Contrast and accessibility of Pale Dusty Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Dusty Sapphire | Aa | 2.01:1 | Fails |
| Black text on Pale Dusty Sapphire | Aa | 10.45:1 | AAA (excellent) |
CSS code for Pale Dusty Sapphire
background-color: #AFB7CA;color: #AFB7CA;background-color: rgb(175, 183, 202);background-color: hsl(222, 20%, 74%);:root { --color-pale-dusty-sapphire: #AFB7CA; }class="bg-[#AFB7CA]"Colors similar to Pale Dusty Sapphire
- Pale Dusty Cobalt
#AFB5CA - Pale Dusty Cornflower
#AFBACA - Pale Dusty Royal
#AFB2CA - Pale Dusty Cerulean
#AFBDCA - Pale Dusty Azure
#AFBFCA - Pale Dusty Blue
#AFAFCA - Pale Dusty Ultramarine
#B2AFCA - Pale Dusty Indigo
#B5AFCA - Pale Dusty Iris
#B7AFCA - Pale Dusty Capri
#AFC2CA - Cool Gray 75
#BABEC5 - Pale Dusty Periwinkle
#BAAFCA
More blue shades
- Dark Dusty Sapphire
#353D50 - Deep Dusty Sapphire
#455068 - Medium Dark Dusty Sapphire
#566381 - Dusty Sapphire
#667599 - Medium Light Dusty Sapphire
#7E8BA9 - Light Dusty Sapphire
#97A1BA - Very Pale Dusty Sapphire
#C8CDDA - Palest Dusty Sapphire
#E0E3EB - Darkest Cobalt
#000A33 - Very Dark Cobalt
#00125C - Dark Cobalt
#001B85
Frequently asked questions
What is the HEX code for Pale Dusty Sapphire?
The HEX code for Pale Dusty Sapphire is #AFB7CA.
What is the RGB value of Pale Dusty Sapphire?
Pale Dusty Sapphire has an RGB value of 175, 183, 202 (rgb(175, 183, 202)). In HSL it is 222°, 20%, 74%.
What text color should I use on Pale Dusty Sapphire?
Use black text on Pale Dusty Sapphire. White text has a contrast ratio of 2.01:1 and black text has 10.45:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Dusty Sapphire?
The complementary color of Pale Dusty Sapphire is #CAC2AF. Analogous colors #AFC5CA and #B5AFCA also pair well.