#D8C755 Color

#D8C755 is rgb(216, 199, 85) in RGB and hsl(52, 63%, 59%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#D8C755

HEX#D8C755

RGBrgb(216, 199, 85)

HSLhsl(52, 63%, 59%)

HSVhsv(52, 61%, 85%)

OKLCHoklch(82.2% 0.135 100.9)

CMYKcmyk(0%, 8%, 61%, 15%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D8C755 Complementary#5566D8 Analogous#D88555 Analogous#A8D855 Triadic#55D8C7 Triadic#C755D8

Tints & Shades

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

Tints

#DECF6E #E3D682 #E8DE9B #EDE5B0 #F3EDC9 #F7F4DE

Shades

#D1BC33 #B3A029 #918221 #74681A #534B13 #322D0B

Use #D8C755 in Our Tools

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