#DCC518 Color

#DCC518 is rgb(220, 197, 24) in RGB and hsl(53, 80%, 48%) in HSL. The closest CSS named color is Goldenrod. Black text is most readable on this background.

#DCC518

HEX#DCC518

RGBrgb(220, 197, 24)

HSLhsl(53, 80%, 48%)

HSVhsv(53, 89%, 86%)

OKLCHoklch(81.8% 0.166 100.6)

CMYKcmyk(0%, 10%, 89%, 14%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #DCC518 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.04:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#DCC518 Complementary#182FDC Analogous#DC6418 Analogous#91DC18 Triadic#18DCC5 Triadic#C518DC

Tints & Shades

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

Tints

#E8D330 #ECDA51 #EFE071 #F3E895 #F7EFB6 #FAF6D6

Shades

#C1AD15 #A19012 #85770F #6A5F0C #4E4609 #2E2905

Use #DCC518 in Our Tools

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