#F97148

#F97148

Color Values

HEX

#F97148

RGB

249, 113, 72

HSL

13.9, 93.7%, 62.9%

HSV

13.9, 71.1%, 97.6%

CMYK

0.0%, 54.6%, 71.1%, 2.4%

OKLCH

0.7057 0.1762 37.4

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#F97148

#48D0F9

Analogous

#F94877

#F9C948

#F97148

Triadic

#F97148

#48F971

#7148F9

Split Complementary

#F97148

#48F9C9

#4877F9

Tetradic

#F97148

#77F948

#48D0F9

#C948F9

Color Blindness Simulation

Original

#F97148

Protanopia

#BEBD52

Deuteranopia

#C6D054

Tritanopia

#F25A5B

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FDC9BA
300
#FBA388
400
#F97148
500
#F73F08
600
#C63306
700
#9E2905
800
#7B2004
900
#591B08
950
#381105

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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