#D95F3A Color

#D95F3A is rgb(217, 95, 58) in RGB and hsl(14, 68%, 54%) in HSL. The closest CSS named color is Chocolate. Black text is most readable on this background.

#D95F3A

HEX#D95F3A

RGBrgb(217, 95, 58)

HSLhsl(14, 68%, 54%)

HSVhsv(14, 73%, 85%)

OKLCHoklch(63.2% 0.162 37.4)

CMYKcmyk(0%, 56%, 73%, 15%)

Text Contrast & Accessibility

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

TextWhite text3.72:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.65:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#D95F3A Complementary#3AB4D9 Analogous#D93A64 Analogous#D9AF3A Triadic#3AD95F Triadic#5F3AD9

Tints & Shades

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

Tints

#DE7454 #E48C72 #E9A18B #EEB6A5 #F3CBBF #F8E3DD

Shades

#C94C26 #AB4121 #8D361B #6B2914 #4D1D0F #2F1209

Use #D95F3A in Our Tools

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