Light Dusty Tangerine is a medium-light, muted shade in the brown color family, with a warm feel. Its HEX code is #BAAC97, which equals rgb(186, 172, 151) in RGB and hsl(36, 20%, 66%) in HSL. In print terms it converts to roughly C0 M8 Y19 K27, although exact CMYK results depend on the paper and color profile.
- HEX
#BAAC97 - RGB
186, 172, 151 - HSL
36°, 20%, 66% - CMYK
0, 8, 19, 27 - Family
Brown - Tone
Medium-light, muted
About Light Dusty Tangerine
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. 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 9.44:1. Its complementary color is #97A5BA.
Download Light Dusty Tangerine 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 Tangerine color codes
| HEX | #BAAC97 |
|---|---|
| RGB | rgb(186, 172, 151) |
| HSL | hsl(36, 20%, 66%) |
| HSV | 36°, 19%, 73% |
| CMYK | 0%, 8%, 19%, 27% |
| Decimal | 12233879 |
Shades and tints of Light Dusty Tangerine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F4F1EE - 100
#E8E3DC - 200
#DDD6CB - 300
#D1C8BA - 400
#C6BAA8 - 500
#BAAC97 - 600
#9B8F7E - 700
#7C7365 - 800
#5D564C - 900
#3E3932 - 950
#1F1D19
Color harmonies for Light Dusty Tangerine
- Complementary
#97A5BA≈ Light Dusty Cerulean - Analogous −30°
#BA9A97≈ Light Dusty Red - Analogous +30°
#B6BA97≈ Light Dusty Lime - Triadic +120°
#97BAAC≈ Light Dusty Aquamarine - Triadic +240°
#AC97BA≈ Light Dusty Grape - Split 150°
#97B6BA≈ Light Dusty Peacock - Split 210°
#9A97BA≈ Light Dusty Blue
Contrast and accessibility of Light Dusty Tangerine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Dusty Tangerine | Aa | 2.23:1 | Fails |
| Black text on Light Dusty Tangerine | Aa | 9.44:1 | AAA (excellent) |
CSS code for Light Dusty Tangerine
background-color: #BAAC97;color: #BAAC97;background-color: rgb(186, 172, 151);background-color: hsl(36, 20%, 66%);:root { --color-light-dusty-tangerine: #BAAC97; }class="bg-[#BAAC97]"Colors similar to Light Dusty Tangerine
- Light Dusty Amber
#BAAF97 - Light Dusty Orange
#BAA897 - Light Dusty Persimmon
#BAA597 - Light Dusty Marigold
#BAB397 - Light Dusty Gold
#BAB697 - Light Dusty Cinnabar
#BAA197 - Warm Gray 65
#AEA69E - Sage
#B2AC88 - Light Dusty Vermilion
#BA9E97 - Light Dusty Yellow
#BABA97 - Light Dusty Citron
#B6BA97 - Light Dusty Lime
#B3BA97
More brown shades
- Very Pale Muted Tangerine
#E3D5BF - Palest Muted Tangerine
#F0E8DB - Very Dark Dusty Tangerine
#373025 - Dark Dusty Tangerine
#504535 - Deep Dusty Tangerine
#685A45 - Medium Light Dusty Tangerine
#A9987E - Pale Dusty Tangerine
#CABFAF - Very Pale Dusty Tangerine
#DAD3C8 - Palest Dusty Tangerine
#EBE7E0 - Darkest Amber
#332400 - Very Dark Amber
#5C4000
Frequently asked questions
What is the HEX code for Light Dusty Tangerine?
The HEX code for Light Dusty Tangerine is #BAAC97.
What is the RGB value of Light Dusty Tangerine?
Light Dusty Tangerine has an RGB value of 186, 172, 151 (rgb(186, 172, 151)). In HSL it is 36°, 20%, 66%.
What text color should I use on Light Dusty Tangerine?
Use black text on Light Dusty Tangerine. White text has a contrast ratio of 2.23:1 and black text has 9.44:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Dusty Tangerine?
The complementary color of Light Dusty Tangerine is #97A5BA. Analogous colors #BA9A97 and #B6BA97 also pair well.