#F81B26 Color

#F81B26 is rgb(248, 27, 38) in RGB and hsl(357, 94%, 54%) in HSL. The closest CSS named color is Crimson. Black text is most readable on this background.

#F81B26

HEX#F81B26

RGBrgb(248, 27, 38)

HSLhsl(357, 94%, 54%)

HSVhsv(357, 89%, 97%)

OKLCHoklch(62.3% 0.244 26.8)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#F81B26 Complementary#1BF8ED Analogous#F81B95 Analogous#F87F1B Triadic#26F81B Triadic#1B26F8

Tints & Shades

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

Tints

#F93943 #FA5C64 #FB7980 #FC979C #FDB5B8 #FED7D9

Shades

#E90712 #C60610 #A3050D #7C040A #590307 #360204

Use #F81B26 in Our Tools

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