#D42A21 Color

#D42A21 is rgb(212, 42, 33) in RGB and hsl(3, 73%, 48%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#D42A21

HEX#D42A21

RGBrgb(212, 42, 33)

HSLhsl(3, 73%, 48%)

HSVhsv(3, 84%, 83%)

OKLCHoklch(56.5% 0.206 28.8)

CMYKcmyk(0%, 80%, 84%, 17%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D42A21 Complementary#21CBD4 Analogous#D42171 Analogous#D48321 Triadic#21D42A Triadic#2A21D4

Tints & Shades

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

Tints

#E04138 #E55E57 #EA7C76 #EF9E9A #F4BBB8 #F9D9D7

Shades

#B9251D #9A1F18 #801914 #651410 #4B0F0C #2C0907

Use #D42A21 in Our Tools

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