#D7D247 Color

#D7D247 is rgb(215, 210, 71) in RGB and hsl(58, 64%, 56%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#D7D247

HEX#D7D247

RGBrgb(215, 210, 71)

HSLhsl(58, 64%, 56%)

HSVhsv(58, 67%, 84%)

OKLCHoklch(84.3% 0.156 107.3)

CMYKcmyk(0%, 2%, 67%, 16%)

Text Contrast & Accessibility

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

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

TextBlack text13.2:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#D7D247 Complementary#474CD7 Analogous#D78A47 Analogous#94D747 Triadic#47D7D2 Triadic#D247D7

Tints & Shades

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

Tints

#DCD860 #E2DE79 #E7E492 #EDEAAB #F2F1C4 #F8F7DE

Shades

#CDC82D #ABA726 #8E8A1F #6D6A18 #4F4D11 #2E2D0A

Use #D7D247 in Our Tools

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