#DFB63A Color

#DFB63A is rgb(223, 182, 58) in RGB and hsl(45, 72%, 55%) in HSL. The closest CSS named color is Goldenrod. Black text is most readable on this background.

#DFB63A

HEX#DFB63A

RGBrgb(223, 182, 58)

HSLhsl(45, 72%, 55%)

HSVhsv(45, 74%, 87%)

OKLCHoklch(79.2% 0.143 89.8)

CMYKcmyk(0%, 18%, 74%, 13%)

Text Contrast & Accessibility

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

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

TextBlack text10.89:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#DFB63A Complementary#3A63DF Analogous#DF633A Analogous#B6DF3A Triadic#3ADFB6 Triadic#B63ADF

Tints & Shades

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

Tints

#E3BF54 #E7C96E #ECD389 #F1DEA7 #F5E8C2 #F9F2DC

Shades

#D3A622 #AF8B1D #917218 #725A13 #53420E #302608

Use #DFB63A in Our Tools

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