#DFC311 Color

#DFC311 is rgb(223, 195, 17) in RGB and hsl(52, 86%, 47%) in HSL. The closest CSS named color is Goldenrod. Black text is most readable on this background.

#DFC311

HEX#DFC311

RGBrgb(223, 195, 17)

HSLhsl(52, 86%, 47%)

HSVhsv(52, 92%, 87%)

OKLCHoklch(81.6% 0.167 98.6)

CMYKcmyk(0%, 13%, 92%, 13%)

Text Contrast & Accessibility

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

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

TextBlack text11.95:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#DFC311 Complementary#112CDF Analogous#DF5C11 Analogous#93DF11 Triadic#11DFC3 Triadic#C311DF

Tints & Shades

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

Tints

#EFD425 #F1DB4B #F4E26C #F6E88D #F9EFAE #FCF7D4

Shades

#C2AA0F #A6920C #8A790A #685B08 #4C4306 #2F2A04

Use #DFC311 in Our Tools

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