#CD323A Color

#CD323A is rgb(205, 50, 58) in RGB and hsl(357, 61%, 50%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#CD323A

HEX#CD323A

RGBrgb(205, 50, 58)

HSLhsl(357, 61%, 50%)

HSVhsv(357, 76%, 80%)

OKLCHoklch(56.1% 0.191 23.5)

CMYKcmyk(0%, 76%, 72%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CD323A Complementary#32CDC5 Analogous#CD3287 Analogous#CD7832 Triadic#3ACD32 Triadic#323ACD

Tints & Shades

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

Tints

#D44E55 #DB6B71 #E2888C #E8A1A4 #EFBDC0 #F6DADB

Shades

#B12B31 #98252B #7B1E23 #63181C #461114 #2D0B0D

Use #CD323A in Our Tools

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