Pale Dusty Orange is a medium-light, muted shade in the brown color family, with a warm feel. Its HEX code is #CABDAF, which equals rgb(202, 189, 175) in RGB and hsl(31, 20%, 74%) in HSL. In print terms it converts to roughly C0 M6 Y13 K21, although exact CMYK results depend on the paper and color profile.
- HEX
#CABDAF - RGB
202, 189, 175 - HSL
31°, 20%, 74% - CMYK
0, 6, 13, 21 - Family
Brown - Tone
Medium-light, muted
About Pale Dusty Orange
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. 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 11.41:1. Its complementary color is #AFBCCA.
Download Pale Dusty Orange 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 Orange color codes
| HEX | #CABDAF |
|---|---|
| RGB | rgb(202, 189, 175) |
| HSL | hsl(31, 20%, 74%) |
| HSV | 31°, 13%, 79% |
| CMYK | 0%, 6%, 13%, 21% |
| Decimal | 13286831 |
Shades and tints of Pale Dusty Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F6F4F2 - 100
#EDE9E4 - 200
#E5DED7 - 300
#DCD3CA - 400
#D3C8BC - 500
#CABDAF - 600
#A89E92 - 700
#877E75 - 800
#655F58 - 900
#433F3A - 950
#22201D
Color harmonies for Pale Dusty Orange
- Complementary
#AFBCCA≈ Pale Dusty Cerulean - Analogous −30°
#CAB0AF≈ Pale Dusty Red - Analogous +30°
#CACAAF≈ Pale Dusty Citron - Triadic +120°
#AFCABD≈ Pale Dusty Seafoam - Triadic +240°
#BDAFCA≈ Pale Dusty Amethyst - Split 150°
#AFCACA≈ Pale Dusty Teal - Split 210°
#B0AFCA≈ Pale Dusty Blue
Contrast and accessibility of Pale Dusty Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Dusty Orange | Aa | 1.84:1 | Fails |
| Black text on Pale Dusty Orange | Aa | 11.41:1 | AAA (excellent) |
CSS code for Pale Dusty Orange
background-color: #CABDAF;color: #CABDAF;background-color: rgb(202, 189, 175);background-color: hsl(31, 20%, 74%);:root { --color-pale-dusty-orange: #CABDAF; }class="bg-[#CABDAF]"Colors similar to Pale Dusty Orange
- Pale Dusty Tangerine
#CABFAF - Pale Dusty Persimmon
#CABAAF - Pale Dusty Amber
#CAC2AF - Pale Dusty Cinnabar
#CAB7AF - Pale Dusty Vermilion
#CAB5AF - Pale Dusty Marigold
#CAC5AF - Warm Gray 75
#C5BFBA - Pale Dusty Gold
#CAC7AF - Pale Dusty Scarlet
#CAB2AF - Pale Dusty Yellow
#CACAAF - Pale Dusty Citron
#C7CAAF - Pale Dusty Lime
#C5CAAF
More brown shades
- Palest Muted Orange
#F0E6DB - Very Dark Dusty Orange
#372E25 - Dark Dusty Orange
#504235 - Deep Dusty Orange
#685745 - Medium Light Dusty Orange
#A9947E - Light Dusty Orange
#BAA897 - Very Pale Dusty Orange
#DAD1C8 - Palest Dusty Orange
#EBE6E0 - Darkest Tangerine
#331F00 - Very Dark Tangerine
#5C3700 - Dark Tangerine
#855000
Frequently asked questions
What is the HEX code for Pale Dusty Orange?
The HEX code for Pale Dusty Orange is #CABDAF.
What is the RGB value of Pale Dusty Orange?
Pale Dusty Orange has an RGB value of 202, 189, 175 (rgb(202, 189, 175)). In HSL it is 31°, 20%, 74%.
What text color should I use on Pale Dusty Orange?
Use black text on Pale Dusty Orange. White text has a contrast ratio of 1.84:1 and black text has 11.41:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Dusty Orange?
The complementary color of Pale Dusty Orange is #AFBCCA. Analogous colors #CAB0AF and #CACAAF also pair well.