#D4C696 Color

#D4C696 is rgb(212, 198, 150) in RGB and hsl(46, 42%, 71%) in HSL. The closest CSS named color is Tan. Black text is most readable on this background.

#D4C696

HEX#D4C696

RGBrgb(212, 198, 150)

HSLhsl(46, 42%, 71%)

HSVhsv(46, 29%, 83%)

OKLCHoklch(82.6% 0.065 93.8)

CMYKcmyk(0%, 7%, 29%, 17%)

Text Contrast & Accessibility

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

TextWhite text1.7:1AA normal ✗AA large ✗AAA normal ✗

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

Color Harmonies

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

Base#D4C696 Complementary#96A4D4 Analogous#D4A796 Analogous#C4D496 Triadic#96D4C6 Triadic#C696D4

Tints & Shades

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

Tints

#DACEA4 #E0D5B3 #E6DDC1 #EAE3CC #F0EBDB #F6F3E9

Shades

#C5B272 #B8A051 #98833E #776731 #534822 #332C15

Use #D4C696 in Our Tools

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