Light Dusty Amber is a medium-light, muted shade in the brown color family, with a warm feel. Its HEX code is #BAAF97, which equals rgb(186, 175, 151) in RGB and hsl(41, 20%, 66%) in HSL. In print terms it converts to roughly C0 M6 Y19 K27, although exact CMYK results depend on the paper and color profile.
- HEX
#BAAF97 - RGB
186, 175, 151 - HSL
41°, 20%, 66% - CMYK
0, 6, 19, 27 - Family
Brown - Tone
Medium-light, muted
About Light Dusty Amber
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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 9.67:1. Its complementary color is #97A2BA.
Download Light Dusty Amber 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 Amber color codes
| HEX | #BAAF97 |
|---|---|
| RGB | rgb(186, 175, 151) |
| HSL | hsl(41, 20%, 66%) |
| HSV | 41°, 19%, 73% |
| CMYK | 0%, 6%, 19%, 27% |
| Decimal | 12234647 |
Shades and tints of Light Dusty Amber
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F4F2EE - 100
#E8E4DC - 200
#DDD7CB - 300
#D1CABA - 400
#C6BCA8 - 500
#BAAF97 - 600
#9B927E - 700
#7C7565 - 800
#5D584C - 900
#3E3A32 - 950
#1F1D19
Color harmonies for Light Dusty Amber
- Complementary
#97A2BA≈ Light Dusty Sapphire - Analogous −30°
#BA9D97≈ Light Dusty Vermilion - Analogous +30°
#B3BA97≈ Light Dusty Citron - Triadic +120°
#97BAAF≈ Light Dusty Seafoam - Triadic +240°
#AF97BA≈ Light Dusty Amethyst - Split 150°
#97B3BA≈ Light Dusty Lagoon - Split 210°
#9D97BA≈ Light Dusty Indigo
Contrast and accessibility of Light Dusty Amber
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Dusty Amber | Aa | 2.17:1 | Fails |
| Black text on Light Dusty Amber | Aa | 9.67:1 | AAA (excellent) |
CSS code for Light Dusty Amber
background-color: #BAAF97;color: #BAAF97;background-color: rgb(186, 175, 151);background-color: hsl(41, 20%, 66%);:root { --color-light-dusty-amber: #BAAF97; }class="bg-[#BAAF97]"Colors similar to Light Dusty Amber
- Light Dusty Tangerine
#BAAC97 - Light Dusty Marigold
#BAB397 - Light Dusty Orange
#BAA897 - Light Dusty Gold
#BAB697 - Light Dusty Persimmon
#BAA597 - Light Dusty Yellow
#BABA97 - Light Dusty Citron
#B6BA97 - Light Dusty Lime
#B3BA97 - Sage
#B2AC88 - Light Dusty Cinnabar
#BAA197 - Light Dusty Chartreuse
#AFBA97 - Warm Gray 65
#AEA69E
More brown shades
- Very Pale Muted Amber
#E3D8BF - Palest Muted Amber
#F0EADB - Very Dark Dusty Amber
#373225 - Dark Dusty Amber
#504835 - Deep Dusty Amber
#685E45 - Medium Light Dusty Amber
#A99C7E - Pale Dusty Amber
#CAC2AF - Very Pale Dusty Amber
#DAD5C8 - Palest Dusty Amber
#EBE8E0 - Darkest Marigold
#332900 - Very Dark Marigold
#5C4900
Frequently asked questions
What is the HEX code for Light Dusty Amber?
The HEX code for Light Dusty Amber is #BAAF97.
What is the RGB value of Light Dusty Amber?
Light Dusty Amber has an RGB value of 186, 175, 151 (rgb(186, 175, 151)). In HSL it is 41°, 20%, 66%.
What text color should I use on Light Dusty Amber?
Use black text on Light Dusty Amber. White text has a contrast ratio of 2.17:1 and black text has 9.67:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Dusty Amber?
The complementary color of Light Dusty Amber is #97A2BA. Analogous colors #BA9D97 and #B3BA97 also pair well.