#D4111E Color

#D4111E is rgb(212, 17, 30) in RGB and hsl(356, 85%, 45%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#D4111E

HEX#D4111E

RGBrgb(212, 17, 30)

HSLhsl(356, 85%, 45%)

HSVhsv(356, 92%, 83%)

OKLCHoklch(55.2% 0.218 26.6)

CMYKcmyk(0%, 92%, 86%, 17%)

Text Contrast & Accessibility

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

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

TextBlack text3.9:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#D4111E Complementary#11D4C7 Analogous#D41180 Analogous#D46611 Triadic#1ED411 Triadic#111ED4

Tints & Shades

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

Tints

#ED212F #F0424E #F36871 #F58990 #F8AFB4 #FBD0D3

Shades

#B80F1A #9C0D16 #7F0A12 #68080F #4B060B #2F0407

Use #D4111E in Our Tools

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