#DC323B Color

#DC323B is rgb(220, 50, 59) in RGB and hsl(357, 71%, 53%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#DC323B

HEX#DC323B

RGBrgb(220, 50, 59)

HSLhsl(357, 71%, 53%)

HSVhsv(357, 77%, 86%)

OKLCHoklch(58.8% 0.205 23.9)

CMYKcmyk(0%, 77%, 73%, 14%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DC323B Complementary#32DCD4 Analogous#DC3290 Analogous#DC7F32 Triadic#3BDC32 Triadic#323BDC

Tints & Shades

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

Tints

#E14C54 #E66B71 #EA858A #EFA3A7 #F4BEC0 #F9DCDE

Shades

#C9222A #AA1D24 #8C181D #6D1217 #4E0D11 #30080A

Use #DC323B in Our Tools

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