#DEB23B Color

#DEB23B is rgb(222, 178, 59) in RGB and hsl(44, 71%, 55%) in HSL. The closest CSS named color is Goldenrod. Black text is most readable on this background.

#DEB23B

HEX#DEB23B

RGBrgb(222, 178, 59)

HSLhsl(44, 71%, 55%)

HSVhsv(44, 73%, 87%)

OKLCHoklch(78.3% 0.14 87.7)

CMYKcmyk(0%, 20%, 73%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DEB23B Complementary#3B66DE Analogous#DE613B Analogous#B8DE3B Triadic#3BDEB2 Triadic#B23BDE

Tints & Shades

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

Tints

#E2BD55 #E7C76F #EBD189 #F0DDA8 #F5E7C2 #F9F1DC

Shades

#D1A323 #AE881E #907018 #715813 #53410E #302508

Use #DEB23B in Our Tools

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