#DD975A Color

#DD975A is rgb(221, 151, 90) in RGB and hsl(28, 66%, 61%) in HSL. The closest CSS named color is SandyBrown. Black text is most readable on this background.

#DD975A

HEX#DD975A

RGBrgb(221, 151, 90)

HSLhsl(28, 66%, 61%)

HSVhsv(28, 59%, 87%)

OKLCHoklch(73.3% 0.114 60.6)

CMYKcmyk(0%, 32%, 59%, 13%)

Text Contrast & Accessibility

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

TextWhite text2.43:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.65:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#DD975A Complementary#5AA0DD Analogous#DD5A5E Analogous#DDD95A Triadic#5ADD97 Triadic#975ADD

Tints & Shades

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

Tints

#E2A46F #E7B488 #EBC29E #EFCFB3 #F4DCC8 #F9ECE1

Shades

#D68238 #BE6E27 #9D5A20 #774418 #553111 #331D0A

Use #DD975A in Our Tools

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