#DC311E Color

#DC311E is rgb(220, 49, 30) in RGB and hsl(6, 76%, 49%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#DC311E

HEX#DC311E

RGBrgb(220, 49, 30)

HSLhsl(6, 76%, 49%)

HSVhsv(6, 86%, 86%)

OKLCHoklch(58.4% 0.209 30.5)

CMYKcmyk(0%, 78%, 86%, 14%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DC311E Complementary#1EC9DC Analogous#DC1E6A Analogous#DC901E Triadic#1EDC31 Triadic#311EDC

Tints & Shades

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

Tints

#E44B3A #E86759 #ED8478 #F1A198 #F5BDB7 #F9DAD7

Shades

#C12B1A #A22416 #871E12 #67170E #4C110A #2D0A06

Use #DC311E in Our Tools

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