#F87D49

#F87D49

Color Values

HEX

#F87D49

RGB

248, 125, 73

HSL

17.8, 92.6%, 62.9%

HSV

17.8, 70.6%, 97.3%

CMYK

0.0%, 49.6%, 70.6%, 2.7%

OKLCH

0.7217 0.1647 42.4

Properties

Warm Light Nearest: coral

Color Harmonies

Complementary

#F87D49

#49C4F8

Analogous

#F8496C

#F8D449

#F87D49

Triadic

#F87D49

#49F87D

#7D49F8

Split Complementary

#F87D49

#49F8D4

#496CF8

Tetradic

#F87D49

#6CF849

#49C4F8

#D449F8

Color Blindness Simulation

Original

#F87D49

Protanopia

#C3C256

Deuteranopia

#CAD359

Tritanopia

#F26062

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FDF5F1
100
#FBE7DF
200
#FCCEBA
300
#FAAB89
400
#F87D49
500
#F64F09
600
#C44008
700
#9D3306
800
#7B2805
900
#592008
950
#381405

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

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