#F3322B Color

#F3322B is rgb(243, 50, 43) in RGB and hsl(2, 89%, 56%) in HSL. The closest CSS named color is Crimson. Black text is most readable on this background.

#F3322B

HEX#F3322B

RGBrgb(243, 50, 43)

HSLhsl(2, 89%, 56%)

HSVhsv(2, 82%, 95%)

OKLCHoklch(62.6% 0.228 28.2)

CMYKcmyk(0%, 79%, 82%, 5%)

Text Contrast & Accessibility

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

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

TextBlack text5.3:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#F3322B Complementary#2BECF3 Analogous#F32B88 Analogous#F3952B Triadic#2BF332 Triadic#322BF3

Tints & Shades

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

Tints

#F44E48 #F66A65 #F88682 #F9A29F #FBBEBC #FDDAD8

Shades

#EC150E #C6120C #A40F0A #7D0B07 #5C0805 #350503

Use #F3322B in Our Tools

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