#F87F49

#F87F49

Color Values

HEX

#F87F49

RGB

248, 127, 73

HSL

18.5, 92.6%, 62.9%

HSV

18.5, 70.6%, 97.3%

CMYK

0.0%, 48.8%, 70.6%, 2.7%

OKLCH

0.7248 0.1631 43.4

Properties

Warm Light Nearest: sienna 2

Color Harmonies

Complementary

#F87F49

#49C2F8

Analogous

#F8496A

#F8D649

#F87F49

Triadic

#F87F49

#49F87F

#7F49F8

Split Complementary

#F87F49

#49F8D6

#496AF8

Tetradic

#F87F49

#6AF849

#49C2F8

#D649F8

Color Blindness Simulation

Original

#F87F49

Protanopia

#C4C356

Deuteranopia

#CBD459

Tritanopia

#F26063

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FDF5F1
100
#FBE8DF
200
#FCCFBA
300
#FAAC89
400
#F87F49
500
#F65209
600
#C44208
700
#9D3506
800
#7B2905
900
#592108
950
#381505

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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