#CD2D3D Color

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

#CD2D3D

HEX#CD2D3D

RGBrgb(205, 45, 61)

HSLhsl(354, 64%, 49%)

HSVhsv(354, 78%, 80%)

OKLCHoklch(55.8% 0.195 21.5)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CD2D3D Complementary#2DCDBD Analogous#CD2D8D Analogous#CD6D2D Triadic#3DCD2D Triadic#2D3DCD

Tints & Shades

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

Tints

#D74755 #DD6470 #E3828B #EA9FA6 #F0BCC1 #F7D9DC

Shades

#B42736 #97212D #7D1C25 #60151D #471015 #2A090C

Use #CD2D3D in Our Tools

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