#DDBB55 Color

#DDBB55 is rgb(221, 187, 85) in RGB and hsl(45, 67%, 60%) in HSL. The closest CSS named color is SandyBrown. Black text is most readable on this background.

#DDBB55

HEX#DDBB55

RGBrgb(221, 187, 85)

HSLhsl(45, 67%, 60%)

HSVhsv(45, 62%, 87%)

OKLCHoklch(80.2% 0.126 90.8)

CMYKcmyk(0%, 15%, 62%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DDBB55 Complementary#5577DD Analogous#DD7755 Analogous#BBDD55 Triadic#55DDBB Triadic#BB55DD

Tints & Shades

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

Tints

#E2C46A #E7CE84 #EBD699 #F0E0B2 #F4E9C8 #F9F3E1

Shades

#D7AE33 #BB9625 #997B1E #775F18 #554411 #33290A

Use #DDBB55 in Our Tools

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