#D93630 Color

#D93630 is rgb(217, 54, 48) in RGB and hsl(2, 69%, 52%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#D93630

HEX#D93630

RGBrgb(217, 54, 48)

HSLhsl(2, 69%, 52%)

HSVhsv(2, 78%, 85%)

OKLCHoklch(58.4% 0.201 27.6)

CMYKcmyk(0%, 75%, 78%, 15%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D93630 Complementary#30D3D9 Analogous#D9307F Analogous#D98A30 Triadic#30D936 Triadic#3630D9

Tints & Shades

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

Tints

#DF534E #E36C68 #E98A86 #EEA3A0 #F3C0BE #F8D9D8

Shades

#C22924 #A4221E #861C19 #6C1714 #4E100E #2F0A09

Use #D93630 in Our Tools

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