#D7373A Color

#D7373A is rgb(215, 55, 58) in RGB and hsl(359, 67%, 53%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#D7373A

HEX#D7373A

RGBrgb(215, 55, 58)

HSLhsl(359, 67%, 53%)

HSVhsv(359, 74%, 84%)

OKLCHoklch(58.3% 0.197 24.9)

CMYKcmyk(0%, 74%, 73%, 16%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D7373A Complementary#37D7D5 Analogous#D7378A Analogous#D78437 Triadic#3AD737 Triadic#373AD7

Tints & Shades

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

Tints

#DC5053 #E26E70 #E78889 #EDA6A7 #F2BFC0 #F8DDDD

Shades

#C42729 #A62123 #881B1D #6A1516 #4D0F10 #2F090A

Use #D7373A in Our Tools

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