#D71D2D Color

#D71D2D is rgb(215, 29, 45) in RGB and hsl(355, 76%, 48%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#D71D2D

HEX#D71D2D

RGBrgb(215, 29, 45)

HSLhsl(355, 76%, 48%)

HSVhsv(355, 87%, 84%)

OKLCHoklch(56.4% 0.215 24.6)

CMYKcmyk(0%, 87%, 79%, 16%)

Text Contrast & Accessibility

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

TextWhite text5.12:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#D71D2D Complementary#1DD7C8 Analogous#D71D8A Analogous#D76B1D Triadic#2DD71D Triadic#1D2DD7

Tints & Shades

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

Tints

#E33544 #E85461 #EC747E #F1989F #F5B7BC #F9D7DA

Shades

#BC1A27 #9D1521 #82121B #670E16 #4C0A10 #2D0609

Use #D71D2D in Our Tools

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