#F89349

#F89349

Color Values

HEX

#F89349

RGB

248, 147, 73

HSL

25.4, 92.6%, 62.9%

HSV

25.4, 70.6%, 97.3%

CMYK

0.0%, 40.7%, 70.6%, 2.7%

OKLCH

0.7567 0.1501 54.2

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#F89349

#49AEF8

Analogous

#F84956

#F8EB49

#F89349

Triadic

#F89349

#49F893

#9349F8

Split Complementary

#F89349

#49F8EB

#4956F8

Tetradic

#F89349

#56F849

#49AEF8

#EB49F8

Color Blindness Simulation

Original

#F89349

Protanopia

#CCCB5B

Deuteranopia

#D2DA5F

Tritanopia

#F3696C

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEBDF
200
#FCD6BA
300
#FAB989
400
#F89349
500
#F66D09
600
#C45808
700
#9D4606
800
#7B3705
900
#592A08
950
#381B05

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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