#DDC513 Color

#DDC513 is rgb(221, 197, 19) in RGB and hsl(53, 84%, 47%) in HSL. The closest CSS named color is Goldenrod. Black text is most readable on this background.

#DDC513

HEX#DDC513

RGBrgb(221, 197, 19)

HSLhsl(53, 84%, 47%)

HSVhsv(53, 91%, 87%)

OKLCHoklch(81.9% 0.168 100.3)

CMYKcmyk(0%, 11%, 91%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DDC513 Complementary#132BDD Analogous#DD6013 Analogous#8FDD13 Triadic#13DDC5 Triadic#C513DD

Tints & Shades

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

Tints

#ECD527 #EFDD4D #F2E36E #F5E98E #F8F0AF #FBF7D5

Shades

#C0AC11 #A4930E #887A0C #675C09 #4B4307 #2F2A04

Use #DDC513 in Our Tools

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