Maroon Colors  ·  Color Library

Palettes / Colors / #D2CAA2

#D2CAA2 — Light Muted Yellow

#D2CAA2 is a yellow color we call Light Muted Yellow, closest to the named color Tan (#D2B48C). It belongs to the yellow family.

#D2CAA2 is a warm yellow color associated with optimism, attention and cheer. 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 #A2AAD2; it also sits naturally between #D2B2A2 and #C2D2A2. In the palettes below you can see it working alongside real color combinations from our collection.

#D2CAA2 · RGB 210, 202, 162

Download PNG swatch SVG

Color values

HEX#D2CAA2
RGB210, 202, 162
HSL50°, 35%, 73%
HSV50°, 23%, 82%
CMYK0%, 4%, 23%, 18%
XYZ54.22, 58.55, 42.63
Yxy58.55, 0.3489, 0.3768
CIE-Lab81.04, -3.62, 21.01
Hunter Lab76.52, -3.39, 17.00

RGB & CMYK percentages

Red 82% · Green 79% · Blue 64%

Cyan 0% · Magenta 4% · Yellow 23% · Key 18%

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

Previews

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

CSS code for #D2CAA2

.text { color: #D2CAA2; }
.background { background-color: #D2CAA2; }
.border { border: 3px solid #D2CAA2; }
.text-rgb { color: rgb(210, 202, 162); }
.text-hsl { color: hsl(50, 35%, 73%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #D2CAA2; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(210, 202, 162, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #D2CAA2; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(210, 202, 162, 0.8); }

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

Shades of #D2CAA2

#C7BD8A#BBAF72#AFA15A#9B8E4B#867B41#6E6535#564F29#3E391E#262312#0E0D07

Tints of #D2CAA2

#D6CEA9#DBD4B3#DED8BA#E1DCC1#E6E2CB#E9E6D2#EDE9D9#F0EDE0#F5F3EA#F8F7F1

Tones of #D2CAA2

#CFC8A5#CBC6A9#C8C3AC#C4C1B0#C1BFB3#BEBCB7

Color harmonies

Complementary — #A2AAD2:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.65:1 Fails
Against black text12.71:1 AAA

Best text color on #D2CAA2: #000000.

How #D2CAA2 looks with color blindness

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

Protanopia · #CFCEACDeuteranopia · #CFD0AETritanopia · #D2B3B5

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 · #CDDC39Bootstrap light · #F8F9FA

Palettes with a similar color

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

Palette F6f0f0
#F6F0F0 · #F2E2B1 · #D5C7A3 · #BDB395
Palette 1a120b
#1A120B · #3C2A21 · #D5CEA3 · #E5E5CB
Palette 1c6758
#1C6758 · #3D8361 · #D6CDA4 · #EEF2E6
Palette 87805e
#87805E · #B09B71 · #D8CCA3 · #EDDFB3
Palette 5c6f2b
#5C6F2B · #DE802B · #D8C9A7 · #EEEEEE
Ruby Tempest
#F5EFE3 · #4F5B2A · #B8892D · #D8C9A8

Similar colors

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

#D5C7A3#D5CEA3#D6CDA4#D8CCA3#D8C9A7#D8C9A8#CEC69A#CDC2A5#D6CC99#CCC8AA#DBCEA5#CBD2A4

Browse neighbouring colors

← #D2CAA1  ·  #D2CAA3 →

Frequently asked questions

What color is #D2CAA2?

#D2CAA2 is Light Muted Yellow, a yellow color (RGB 210, 202, 162). Its closest standard named color is Tan.

What is the RGB and HSL of #D2CAA2?

#D2CAA2 is RGB 210, 202, 162 — HSL 50°, 35%, 73% — CMYK 0%, 4%, 23%, 18%.

What colors go with #D2CAA2?

Its complement is #A2AAD2; analogous partners are #D2B2A2 and #C2D2A2. It also appears in 6+ palettes in our collection.

Can I use #D2CAA2 for text?

Black text on #D2CAA2 has a contrast ratio of 12.71:1 (passes WCAG AA); white text gives 1.65:1.