Light Dusty Orange is a medium-light, muted shade in the brown color family, with a warm feel. Its HEX code is #BAA897, which equals rgb(186, 168, 151) in RGB and hsl(29, 20%, 66%) in HSL. In print terms it converts to roughly C0 M10 Y19 K27, although exact CMYK results depend on the paper and color profile.
- HEX
#BAA897 - RGB
186, 168, 151 - HSL
29°, 20%, 66% - CMYK
0, 10, 19, 27 - Family
Brown - Tone
Medium-light, muted
About Light 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 9.14:1. Its complementary color is #97A9BA.
Download Light 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…
Light Dusty Orange color codes
| HEX | #BAA897 |
|---|---|
| RGB | rgb(186, 168, 151) |
| HSL | hsl(29, 20%, 66%) |
| HSV | 29°, 19%, 73% |
| CMYK | 0%, 10%, 19%, 27% |
| Decimal | 12232855 |
Shades and tints of Light Dusty Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F4F1EE - 100
#E8E2DC - 200
#DDD4CB - 300
#D1C5BA - 400
#C6B7A8 - 500
#BAA897 - 600
#9B8C7E - 700
#7C7065 - 800
#5D544C - 900
#3E3832 - 950
#1F1C19
Color harmonies for Light Dusty Orange
- Complementary
#97A9BA≈ Light Dusty Cerulean - Analogous −30°
#BA9798≈ Light Dusty Red - Analogous +30°
#BAB997≈ Light Dusty Yellow - Triadic +120°
#97BAA8≈ Light Dusty Malachite - Triadic +240°
#A897BA≈ Light Dusty Periwinkle - Split 150°
#97BAB9≈ Light Dusty Cyan - Split 210°
#9798BA≈ Light Dusty Blue
Contrast and accessibility of Light Dusty Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Dusty Orange | Aa | 2.30:1 | Fails |
| Black text on Light Dusty Orange | Aa | 9.14:1 | AAA (excellent) |
CSS code for Light Dusty Orange
background-color: #BAA897;color: #BAA897;background-color: rgb(186, 168, 151);background-color: hsl(29, 20%, 66%);:root { --color-light-dusty-orange: #BAA897; }class="bg-[#BAA897]"Colors similar to Light Dusty Orange
- Light Dusty Persimmon
#BAA597 - Light Dusty Tangerine
#BAAC97 - Light Dusty Cinnabar
#BAA197 - Light Dusty Amber
#BAAF97 - Light Dusty Vermilion
#BA9E97 - Light Dusty Marigold
#BAB397 - Warm Gray 65
#AEA69E - Sage
#B2AC88 - Light Dusty Scarlet
#BA9A97 - Light Dusty Gold
#BAB697 - Light Dusty Red
#BA9797 - Light Dusty Cardinal
#BA979A
More brown shades
- Very Pale Muted Orange
#E3D1BF - Palest Muted Orange
#F0E6DB - Very Dark Dusty Orange
#372E25 - Dark Dusty Orange
#504235 - Deep Dusty Orange
#685745 - Medium Light Dusty Orange
#A9947E - Pale Dusty Orange
#CABDAF - Very Pale Dusty Orange
#DAD1C8 - Palest Dusty Orange
#EBE6E0 - Darkest Tangerine
#331F00 - Very Dark Tangerine
#5C3700
Frequently asked questions
What is the HEX code for Light Dusty Orange?
The HEX code for Light Dusty Orange is #BAA897.
What is the RGB value of Light Dusty Orange?
Light Dusty Orange has an RGB value of 186, 168, 151 (rgb(186, 168, 151)). In HSL it is 29°, 20%, 66%.
What text color should I use on Light Dusty Orange?
Use black text on Light Dusty Orange. White text has a contrast ratio of 2.30:1 and black text has 9.14:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Dusty Orange?
The complementary color of Light Dusty Orange is #97A9BA. Analogous colors #BA9798 and #BAB997 also pair well.