#F20D24 Color

#F20D24 is rgb(242, 13, 36) in RGB and hsl(354, 90%, 50%) in HSL. The closest CSS named color is Crimson. Black text is most readable on this background.

#F20D24

HEX#F20D24

RGBrgb(242, 13, 36)

HSLhsl(354, 90%, 50%)

HSVhsv(354, 95%, 95%)

OKLCHoklch(60.8% 0.243 26.2)

CMYKcmyk(0%, 95%, 85%, 5%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#F20D24 Complementary#0DF2DB Analogous#F20D96 Analogous#F2690D Triadic#24F20D Triadic#0D24F2

Tints & Shades

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

Tints

#F42F42 #F65161 #F87280 #F9909A #FBB1B9 #FDD3D8

Shades

#D00B1F #B3091A #910815 #740611 #52040C #350308

Use #F20D24 in Our Tools

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