#F97C48

#F97C48

Color Values

HEX

#F97C48

RGB

249, 124, 72

HSL

17.6, 93.7%, 62.9%

HSV

17.6, 71.1%, 97.6%

CMYK

0.0%, 50.2%, 71.1%, 2.4%

OKLCH

0.7215 0.1669 42.1

Properties

Warm Light Nearest: coral

Color Harmonies

Complementary

#F97C48

#48C5F9

Analogous

#F9486C

#F9D448

#F97C48

Triadic

#F97C48

#48F97C

#7C48F9

Split Complementary

#F97C48

#48F9D4

#486CF9

Tetradic

#F97C48

#6CF948

#48C5F9

#D448F9

Color Blindness Simulation

Original

#F97C48

Protanopia

#C3C255

Deuteranopia

#CAD358

Tritanopia

#F35F61

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FDF5F1
100
#FBE7DF
200
#FDCDBA
300
#FBAA88
400
#F97C48
500
#F74E08
600
#C63E06
700
#9E3205
800
#7B2704
900
#592008
950
#381405

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

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