#D4A287 Color

#D4A287 is rgb(212, 162, 135) in RGB and hsl(21, 47%, 68%) in HSL. The closest CSS named color is Tan. Black text is most readable on this background.

#D4A287

HEX#D4A287

RGBrgb(212, 162, 135)

HSLhsl(21, 47%, 68%)

HSVhsv(21, 36%, 83%)

OKLCHoklch(75.2% 0.07 49.6)

CMYKcmyk(0%, 24%, 36%, 17%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #D4A287 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text2.25:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text9.32:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #D4A287 based on color wheel relationships. Click any swatch for its full breakdown.

Base#D4A287 Complementary#87B9D4 Analogous#D48793 Analogous#D4C887 Triadic#87D4A2 Triadic#A287D4

Tints & Shades

Lighter tints and darker shades of #D4A287, useful for hover states, backgrounds, and text variants.

Tints

#D9AE96 #E0BCA9 #E5C8B8 #EBD3C7 #F0DFD6 #F7EEE9

Shades

#C88865 #BB6E44 #9A5A37 #74442A #52301E #311C12

Use #D4A287 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex