#DFC653 Color

#DFC653 is rgb(223, 198, 83) in RGB and hsl(49, 69%, 60%) in HSL. The closest CSS named color is SandyBrown. Black text is most readable on this background.

#DFC653

HEX#DFC653

RGBrgb(223, 198, 83)

HSLhsl(49, 69%, 60%)

HSVhsv(49, 63%, 87%)

OKLCHoklch(82.6% 0.136 97)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DFC653 Complementary#536CDF Analogous#DF7F53 Analogous#B3DF53 Triadic#53DFC6 Triadic#C653DF

Tints & Shades

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

Tints

#E3CD68 #E8D582 #ECDD98 #F1E5B1 #F5ECC7 #F9F5E1

Shades

#D9BA30 #BEA123 #9B841C #796716 #564910 #342C09

Use #DFC653 in Our Tools

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