#CD2D30 Color

#CD2D30 is rgb(205, 45, 48) in RGB and hsl(359, 64%, 49%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#CD2D30

HEX#CD2D30

RGBrgb(205, 45, 48)

HSLhsl(359, 64%, 49%)

HSVhsv(359, 78%, 80%)

OKLCHoklch(55.6% 0.196 25.6)

CMYKcmyk(0%, 78%, 77%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CD2D30 Complementary#2DCDCA Analogous#CD2D80 Analogous#CD7A2D Triadic#30CD2D Triadic#2D30CD

Tints & Shades

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

Tints

#D74749 #DD6466 #E38283 #EA9FA0 #F0BCBD #F7D9DA

Shades

#B4272A #972123 #7D1C1D #601516 #471011 #2A090A

Use #CD2D30 in Our Tools

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