#F8311B Color

#F8311B is rgb(248, 49, 27) in RGB and hsl(6, 94%, 54%) in HSL. The closest CSS named color is OrangeRed. Black text is most readable on this background.

#F8311B

HEX#F8311B

RGBrgb(248, 49, 27)

HSLhsl(6, 94%, 54%)

HSVhsv(6, 89%, 97%)

OKLCHoklch(63.4% 0.234 30.5)

CMYKcmyk(0%, 80%, 89%, 3%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#F8311B Complementary#1BE2F8 Analogous#F81B74 Analogous#F8A01B Triadic#1BF831 Triadic#311BF8

Tints & Shades

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

Tints

#F94C39 #FA6C5C #FB8679 #FCA197 #FDBCB5 #FEDBD7

Shades

#E91E07 #C61906 #A31505 #7C1004 #590B03 #360702

Use #F8311B in Our Tools

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