Maroon Colors  ·  Color Library

Palettes / Colors / #D0B080

#D0B080 — Light Muted Brown

#D0B080 is a brown color we call Light Muted Brown, closest to the named color Tan (#D2B48C). It belongs to the brown family.

#D0B080 is a warm brown color associated with earthiness, stability and comfort. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

Its strongest partner is its complement #80A0D0; it also sits naturally between #D08880 and #C8D080. In the palettes below you can see it working alongside real color combinations from our collection.

#D0B080 · RGB 208, 176, 128

Download PNG swatch SVG

Color values

HEX#D0B080
RGB208, 176, 128
HSL36°, 46%, 66%
HSV36°, 38%, 82%
CMYK0%, 15%, 38%, 18%
XYZ45.43, 46.02, 26.91
Yxy46.02, 0.3839, 0.3888
CIE-Lab73.56, 4.92, 28.90
Hunter Lab67.84, 4.53, 21.05

RGB & CMYK percentages

Red 82% · Green 69% · Blue 50%

Cyan 0% · Magenta 15% · Yellow 38% · Key 18%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #D0B080 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #D0B080 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #D0B080

.text { color: #D0B080; }
.background { background-color: #D0B080; }
.border { border: 3px solid #D0B080; }
.text-rgb { color: rgb(208, 176, 128); }
.text-hsl { color: hsl(36, 46%, 66%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #D0B080; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(208, 176, 128, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #D0B080; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(208, 176, 128, 0.8); }

HTML: <p style="color:#D0B080">Text here</p> · <div style="background-color:#D0B080">Div content here</div>

Shades of #D0B080

#C8A26A#C09454#AF8341#997238#826130#6C5128#564020#3C2D16#251C0E#0F0B06

Tints of #D0B080

#D4B78C#D8BE97#DDC5A2#E1CCAD#E5D3B8#E9DAC3#EDE1CF#F1E8DA#F5EFE5#F9F6F0

Tones of #D0B080

#CAAF86#C5AE8C#BFAD92#BAAC97#B4AB9D#AEAAA2

Color harmonies

Complementary — #80A0D0:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.06:1 Fails
Against black text10.20:1 AAA

Best text color on #D0B080: #000000.

How #D0B080 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #C2C28CDeuteranopia · #C4C68ETritanopia · #CE9597

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Grey 500 · #9E9E9EMaterial Lime 500 · #CDDC39Material Light Green 500 · #8BC34A

Palettes with a similar color

These palettes use a close neighbour of #D0B080 rather than the exact color:

Palette Cdc733
#CDC733 · #966C3B · #D0AF84 · #FFE6CA
Palette 748873
#748873 · #D1A980 · #E5E0D8 · #F8F8F8
Dreamy Canyon
#D77BBA · #D6869A · #B6533C · #CFAF79
Palette Fff2d7
#FFF2D7 · #FFE0B5 · #F8C794 · #D8AE7E
Honey Bloom
#C2378C · #A83B55 · #D45643 · #D7AB7F
Palette E7dec8
#E7DEC8 · #CBAF87 · #7E8A97 · #30475E

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#D0AF84#D1A980#CFAF79#D8AE7E#D7AB7F#CBAF87#C8AE7D#D8B384#CDB885#D6B176#D2A47E#DAAE88

Browse neighbouring colors

← #D0B07F  ·  #D0B081 →

Frequently asked questions

What color is #D0B080?

#D0B080 is Light Muted Brown, a brown color (RGB 208, 176, 128). Its closest standard named color is Tan.

What is the RGB and HSL of #D0B080?

#D0B080 is RGB 208, 176, 128 — HSL 36°, 46%, 66% — CMYK 0%, 15%, 38%, 18%.

What colors go with #D0B080?

Its complement is #80A0D0; analogous partners are #D08880 and #C8D080. It also appears in 6+ palettes in our collection.

Can I use #D0B080 for text?

Black text on #D0B080 has a contrast ratio of 10.20:1 (passes WCAG AA); white text gives 2.06:1.