#F87149

#F87149

Color Values

HEX

#F87149

RGB

248, 113, 73

HSL

13.7, 92.6%, 62.9%

HSV

13.7, 70.6%, 97.3%

CMYK

0.0%, 54.4%, 70.6%, 2.7%

OKLCH

0.7044 0.1749 37.2

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#F87149

#49D0F8

Analogous

#F84978

#F8C849

#F87149

Triadic

#F87149

#49F871

#7149F8

Split Complementary

#F87149

#49F8C8

#4978F8

Tetradic

#F87149

#78F849

#49D0F8

#C849F8

Color Blindness Simulation

Original

#F87149

Protanopia

#BEBC53

Deuteranopia

#C5D055

Tritanopia

#F15A5C

Achromatopsia

#8B8B8B

CSS Usage

background-color: #F87149;
color: #F87149;
border-color: #F87149;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FCC9BA
300
#FAA389
400
#F87149
500
#F63F09
600
#C43308
700
#9D2906
800
#7B2005
900
#591B08
950
#381105

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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