#DE122D Color

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

#DE122D

HEX#DE122D

RGBrgb(222, 18, 45)

HSLhsl(352, 85%, 47%)

HSVhsv(352, 92%, 87%)

OKLCHoklch(57.2% 0.225 24)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DE122D Complementary#12DEC3 Analogous#DE1293 Analogous#DE5D12 Triadic#2DDE12 Triadic#122DDE

Tints & Shades

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

Tints

#ED2641 #F04C62 #F36D7F #F68E9C #F8AFB9 #FCD5DA

Shades

#C11027 #A50D22 #890B1C #680815 #4B060F #2F040A

Use #DE122D in Our Tools

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