Maroon Colors  ·  Color Library

Palettes / Colors / #DBC2AE

#DBC2AE — Light Muted Brown

#DBC2AE is a brown color we call Light Muted Brown, closest to the named color Silver (#C0C0C0). It belongs to the brown family.

#DBC2AE 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 #AEC7DB; it also sits naturally between #DBAEB0 and #DBD8AE. In the palettes below you can see it working alongside real color combinations from our collection.

#DBC2AE · RGB 219, 194, 174

Download PNG swatch SVG

Color values

HEX#DBC2AE
RGB219, 194, 174
HSL27°, 38%, 77%
HSV27°, 21%, 86%
CMYK0%, 11%, 21%, 14%
XYZ56.15, 56.70, 48.03
Yxy56.70, 0.3490, 0.3524
CIE-Lab80.01, 5.69, 13.29
Hunter Lab75.30, 5.43, 11.21

RGB & CMYK percentages

Red 86% · Green 76% · Blue 68%

Cyan 0% · Magenta 11% · Yellow 21% · Key 14%

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

Previews

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

CSS code for #DBC2AE

.text { color: #DBC2AE; }
.background { background-color: #DBC2AE; }
.border { border: 3px solid #DBC2AE; }
.text-rgb { color: rgb(219, 194, 174); }
.text-hsl { color: hsl(27, 38%, 77%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DBC2AE; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(219, 194, 174, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DBC2AE; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(219, 194, 174, 0.8); }

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

Shades of #DBC2AE

#D0B095#C39A79#B88861#A9764C#906541#745134#5B4029#432F1E#271B11#0E0A06

Tints of #DBC2AE

#DEC7B5#E1CDBC#E4D2C3#E7D7CA#EADDD1#ECDFD5#EFE5DC#F2EAE3#F6EFEA#F9F4F1

Tones of #DBC2AE

#D8C2B1#D4C3B5#D1C3B7#CEC3BB#CBC4BE#C7C4C1

Color harmonies

Complementary — #AEC7DB:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.70:1 Fails
Against black text12.34:1 AAA

Best text color on #DBC2AE: #000000.

How #DBC2AE looks with color blindness

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

Protanopia · #D0D0B3Deuteranopia · #D2D3B4Tritanopia · #DAB7B8

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 · #9E9E9EBootstrap light · #F8F9FAMaterial Lime 500 · #CDDC39

Palettes with a similar color

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

Palette Bbdce5
#BBDCE5 · #ECEEDF · #D9C4B0 · #CFAB8D
Palette 810b38
#810B38 · #F1E2D1 · #DCC3AA · #541A1A
Palette B7c4cf
#B7C4CF · #EEE3CB · #D7C0AE · #967E76
Palette 9babb8
#9BABB8 · #EEE3CB · #D7C0AE · #967E76
Palette Faf7f3
#FAF7F3 · #F0E4D3 · #DCC5B2 · #D9A299
Palette Daddb1
#DADDB1 · #B3A492 · #BFB29E · #D6C7AE

Similar colors

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

#D9C4B0#DCC3AA#D7C0AE#DCC5B2#D6C7AE#D6C0B3#D8C4B6#D4BDAC#E2BFB3#D9CAB3#D8C9A8#DCCCAC

Browse neighbouring colors

← #DBC2AD  ·  #DBC2AF →

Frequently asked questions

What color is #DBC2AE?

#DBC2AE is Light Muted Brown, a brown color (RGB 219, 194, 174). Its closest standard named color is Silver.

What is the RGB and HSL of #DBC2AE?

#DBC2AE is RGB 219, 194, 174 — HSL 27°, 38%, 77% — CMYK 0%, 11%, 21%, 14%.

What colors go with #DBC2AE?

Its complement is #AEC7DB; analogous partners are #DBAEB0 and #DBD8AE. It also appears in 6+ palettes in our collection.

Can I use #DBC2AE for text?

Black text on #DBC2AE has a contrast ratio of 12.34:1 (passes WCAG AA); white text gives 1.70:1.