Pale Dusty Cobalt is a medium-light, muted shade in the blue color family, with a cool feel. Its HEX code is #AFB5CA, which equals rgb(175, 181, 202) in RGB and hsl(227, 20%, 74%) in HSL. In print terms it converts to roughly C13 M10 Y0 K21, although exact CMYK results depend on the paper and color profile.
- HEX
#AFB5CA - RGB
175, 181, 202 - HSL
227°, 20%, 74% - CMYK
13, 10, 0, 21 - Family
Blue - Tone
Medium-light, muted
About Pale Dusty Cobalt
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.29:1. Its complementary color is #CAC4AF.
Download Pale Dusty Cobalt 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 Cobalt color codes
| HEX | #AFB5CA |
|---|---|
| RGB | rgb(175, 181, 202) |
| HSL | hsl(227, 20%, 74%) |
| HSV | 227°, 13%, 79% |
| CMYK | 13%, 10%, 0%, 21% |
| Decimal | 11515338 |
Shades and tints of Pale Dusty Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2F3F6 - 100
#E4E6ED - 200
#D7DAE5 - 300
#CACEDC - 400
#BCC1D3 - 500
#AFB5CA - 600
#9297A8 - 700
#757987 - 800
#585B65 - 900
#3A3C43 - 950
#1D1E22
Color harmonies for Pale Dusty Cobalt
- Complementary
#CAC4AF≈ Pale Dusty Marigold - Analogous −30°
#AFC2CA≈ Pale Dusty Peacock - Analogous +30°
#B7AFCA≈ Pale Dusty Indigo - Triadic +120°
#CAAFB5≈ Pale Dusty Ruby - Triadic +240°
#B5CAAF≈ Pale Dusty Leaf - Split 150°
#CAB7AF≈ Pale Dusty Vermilion - Split 210°
#C2CAAF≈ Pale Dusty Spring Bud
Contrast and accessibility of Pale Dusty Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Dusty Cobalt | Aa | 2.04:1 | Fails |
| Black text on Pale Dusty Cobalt | Aa | 10.29:1 | AAA (excellent) |
CSS code for Pale Dusty Cobalt
background-color: #AFB5CA;color: #AFB5CA;background-color: rgb(175, 181, 202);background-color: hsl(227, 20%, 74%);:root { --color-pale-dusty-cobalt: #AFB5CA; }class="bg-[#AFB5CA]"Colors similar to Pale Dusty Cobalt
- Pale Dusty Sapphire
#AFB7CA - Pale Dusty Royal
#AFB2CA - Pale Dusty Cornflower
#AFBACA - Pale Dusty Blue
#AFAFCA - Pale Dusty Ultramarine
#B2AFCA - Pale Dusty Indigo
#B5AFCA - Pale Dusty Cerulean
#AFBDCA - Pale Dusty Iris
#B7AFCA - Pale Dusty Azure
#AFBFCA - Pale Dusty Periwinkle
#BAAFCA - Pale Dusty Violet
#BDAFCA - Pale Dusty Capri
#AFC2CA
More blue shades
- Dark Dusty Cobalt
#353A50 - Deep Dusty Cobalt
#454C68 - Medium Dark Dusty Cobalt
#565E81 - Dusty Cobalt
#667099 - Medium Light Dusty Cobalt
#7E87A9 - Light Dusty Cobalt
#979EBA - Very Pale Dusty Cobalt
#C8CCDA - Palest Dusty Cobalt
#E0E2EB - Darkest Royal
#000533 - Very Dark Royal
#00095C - Dark Royal
#000D85
Frequently asked questions
What is the HEX code for Pale Dusty Cobalt?
The HEX code for Pale Dusty Cobalt is #AFB5CA.
What is the RGB value of Pale Dusty Cobalt?
Pale Dusty Cobalt has an RGB value of 175, 181, 202 (rgb(175, 181, 202)). In HSL it is 227°, 20%, 74%.
What text color should I use on Pale Dusty Cobalt?
Use black text on Pale Dusty Cobalt. White text has a contrast ratio of 2.04:1 and black text has 10.29:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Dusty Cobalt?
The complementary color of Pale Dusty Cobalt is #CAC4AF. Analogous colors #AFC2CA and #B7AFCA also pair well.