#F87849

#F87849

Color Values

HEX

#F87849

RGB

248, 120, 73

HSL

16.1, 92.6%, 62.9%

HSV

16.1, 70.6%, 97.3%

CMYK

0.0%, 51.6%, 70.6%, 2.7%

OKLCH

0.7143 0.1688 40.1

Properties

Warm Light Nearest: coral

Color Harmonies

Complementary

#F87849

#49C9F8

Analogous

#F84971

#F8CF49

#F87849

Triadic

#F87849

#49F878

#7849F8

Split Complementary

#F87849

#49F8CF

#4971F8

Tetradic

#F87849

#71F849

#49C9F8

#CF49F8

Color Blindness Simulation

Original

#F87849

Protanopia

#C1BF54

Deuteranopia

#C8D257

Tritanopia

#F25D5F

Achromatopsia

#909090

CSS Usage

background-color: #F87849;
color: #F87849;
border-color: #F87849;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FDF5F1
100
#FBE7DF
200
#FCCCBA
300
#FAA889
400
#F87849
500
#F64909
600
#C43A08
700
#9D2F06
800
#7B2405
900
#591E08
950
#381305

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.77: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