#DD3F36 Color

#DD3F36 is rgb(221, 63, 54) in RGB and hsl(3, 71%, 54%) in HSL. The closest CSS named color is Crimson. Black text is most readable on this background.

#DD3F36

HEX#DD3F36

RGBrgb(221, 63, 54)

HSLhsl(3, 71%, 54%)

HSVhsv(3, 76%, 87%)

OKLCHoklch(60% 0.196 27.9)

CMYKcmyk(0%, 71%, 76%, 13%)

Text Contrast & Accessibility

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

TextWhite text4.34:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text4.84:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#DD3F36 Complementary#36D5DD Analogous#DD3681 Analogous#DD9236 Triadic#36DD3F Triadic#3F36DD

Tints & Shades

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

Tints

#E15851 #E7756F #EB8E89 #EFA7A3 #F4C0BE #F9DEDC

Shades

#CD2B23 #AE251E #901E18 #6D1712 #4E110D #300A08

Use #DD3F36 in Our Tools

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