#F12222 Color

#F12222 is rgb(241, 34, 34) in RGB and hsl(0, 88%, 54%) in HSL. The closest CSS named color is Crimson. Black text is most readable on this background.

#F12222

HEX#F12222

RGBrgb(241, 34, 34)

HSLhsl(0, 88%, 54%)

HSVhsv(0, 86%, 95%)

OKLCHoklch(61.3% 0.236 27.9)

CMYKcmyk(0%, 86%, 86%, 5%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#F12222 Complementary#22F1F1 Analogous#F1228A Analogous#F18A22 Triadic#22F122 Triadic#2222F1

Tints & Shades

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

Tints

#F33F3F #F56161 #F77E7E #F99A9A #FAB7B7 #FDD9D9

Shades

#E10E0E #C00C0C #9E0A0A #780808 #560606 #350303

Use #F12222 in Our Tools

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