#F97848

#F97848

Color Values

HEX

#F97848

RGB

249, 120, 72

HSL

16,3, 93,7%, 62,9%

HSV

16,3, 71,1%, 97,6%

CMYK

0,0%, 51,8%, 71,1%, 2,4%

OKLCH

0,7156 0,1702 40,3

Properties

Warm Light Nearest: coral

Color Harmonies

Complementary

#F97848

#48C9F9

Analogous

#F94870

#F9D148

#F97848

Triadic

#F97848

#48F978

#7848F9

Split Complementary

#F97848

#48F9D1

#4870F9

Tetradic

#F97848

#70F948

#48C9F9

#D148F9

Color Blindness Simulation

Original

#F97848

Protanopia

#C1C054

Deuteranopia

#C9D256

Tritanopia

#F35D5F

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FDF5F1
100
#FBE7DF
200
#FDCCBA
300
#FBA888
400
#F97848
500
#F74908
600
#C63A06
700
#9E2F05
800
#7B2404
900
#591E08
950
#381305

Contrast Checker

Text on white

2,69:1

AA Fail AAA Fail

Text on black

7,81:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026