#D2A214 Color

#D2A214 is rgb(210, 162, 20) in RGB and hsl(45, 83%, 45%) in HSL. The closest CSS named color is Goldenrod. Black text is most readable on this background.

#D2A214

HEX#D2A214

RGBrgb(210, 162, 20)

HSLhsl(45, 83%, 45%)

HSVhsv(45, 90%, 82%)

OKLCHoklch(73.7% 0.147 86.6)

CMYKcmyk(0%, 23%, 90%, 18%)

Text Contrast & Accessibility

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

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

TextBlack text8.92:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#D2A214 Complementary#1443D2 Analogous#D24314 Analogous#A2D214 Triadic#14D2A2 Triadic#A214D2

Tints & Shades

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

Tints

#EBB924 #EEC344 #F1CF6A #F4DA8A #F8E6B0 #FBF0D0

Shades

#B68D11 #9A770E #7E610C #674F0A #4B3A07 #2F2404

Use #D2A214 in Our Tools

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