#F87549

#F87549

Color Values

HEX

#F87549

RGB

248, 117, 73

HSL

15.1, 92.6%, 62.9%

HSV

15.1, 70.6%, 97.3%

CMYK

0.0%, 52.8%, 70.6%, 2.7%

OKLCH

0.71 0.1714 38.8

Properties

Warm Light Nearest: coral

Color Harmonies

Complementary

#F87549

#49CCF8

Analogous

#F84974

#F8CC49

#F87549

Triadic

#F87549

#49F875

#7549F8

Split Complementary

#F87549

#49F8CC

#4974F8

Tetradic

#F87549

#74F849

#49CCF8

#CC49F8

Color Blindness Simulation

Original

#F87549

Protanopia

#BFBE54

Deuteranopia

#C7D156

Tritanopia

#F15C5E

Achromatopsia

#8E8E8E

CSS Usage

background-color: #F87549;
color: #F87549;
border-color: #F87549;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FCCBBA
300
#FAA689
400
#F87549
500
#F64509
600
#C43708
700
#9D2C06
800
#7B2205
900
#591C08
950
#381205

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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