#F8352A Color

#F8352A is rgb(248, 53, 42) in RGB and hsl(3, 94%, 57%) in HSL. The closest CSS named color is OrangeRed. Black text is most readable on this background.

#F8352A

HEX#F8352A

RGBrgb(248, 53, 42)

HSLhsl(3, 94%, 57%)

HSVhsv(3, 83%, 97%)

OKLCHoklch(63.7% 0.23 28.9)

CMYKcmyk(0%, 79%, 83%, 3%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#F8352A Complementary#2AEEF8 Analogous#F82A87 Analogous#F89C2A Triadic#2AF835 Triadic#352AF8

Tints & Shades

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

Tints

#F95148 #FA6D66 #FB8983 #FCA19C #FDBDBA #FED9D7

Shades

#F21307 #D01006 #A80D05 #860B04 #5E0703 #3B0502

Use #F8352A in Our Tools

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