#DE122A Color

#DE122A is rgb(222, 18, 42) in RGB and hsl(353, 85%, 47%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#DE122A

HEX#DE122A

RGBrgb(222, 18, 42)

HSLhsl(353, 85%, 47%)

HSVhsv(353, 92%, 87%)

OKLCHoklch(57.2% 0.225 24.7)

CMYKcmyk(0%, 92%, 81%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DE122A Complementary#12DEC6 Analogous#DE1290 Analogous#DE6012 Triadic#2ADE12 Triadic#122ADE

Tints & Shades

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

Tints

#ED263D #F04C5F #F36D7C #F68E9A #F8AFB7 #FCD5D9

Shades

#C11024 #A50D1F #890B1A #680814 #4B060E #2F0409

Use #DE122A in Our Tools

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