#F86B49

#F86B49

Color Values

HEX

#F86B49

RGB

248, 107, 73

HSL

11.7, 92.6%, 62.9%

HSV

11.7, 70.6%, 97.3%

CMYK

0.0%, 56.9%, 70.6%, 2.7%

OKLCH

0.6962 0.1803 34.8

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#F86B49

#49D6F8

Analogous

#F8497E

#F8C349

#F86B49

Triadic

#F86B49

#49F86B

#6B49F8

Split Complementary

#F86B49

#49F8C3

#497EF8

Tetradic

#F86B49

#7EF849

#49D6F8

#C349F8

Color Blindness Simulation

Original

#F86B49

Protanopia

#BBBA51

Deuteranopia

#C3CE53

Tritanopia

#F15859

Achromatopsia

#878787

CSS Usage

background-color: #F86B49;
color: #F86B49;
border-color: #F86B49;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF4F1
100
#FBE5DF
200
#FCC7BA
300
#FA9F89
400
#F86B49
500
#F63709
600
#C42C08
700
#9D2406
800
#7B1C05
900
#591808
950
#380F05

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.19:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026