#DE171B Color

#DE171B is rgb(222, 23, 27) in RGB and hsl(359, 81%, 48%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#DE171B

HEX#DE171B

RGBrgb(222, 23, 27)

HSLhsl(359, 81%, 48%)

HSVhsv(359, 90%, 87%)

OKLCHoklch(57.3% 0.225 27.8)

CMYKcmyk(0%, 90%, 88%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DE171B Complementary#17DEDA Analogous#DE177E Analogous#DE7717 Triadic#1BDE17 Triadic#171BDE

Tints & Shades

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

Tints

#E92F32 #ED5052 #F07072 #F49596 #F7B5B6 #FBD5D6

Shades

#C21417 #A21113 #860E10 #6A0B0D #4E0809 #2E0506

Use #DE171B in Our Tools

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