#F89449

#F89449

Color Values

HEX

#F89449

RGB

248, 148, 73

HSL

25.7, 92.6%, 62.9%

HSV

25.7, 70.6%, 97.3%

CMYK

0.0%, 40.3%, 70.6%, 2.7%

OKLCH

0.7584 0.1496 54.8

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#F89449

#49ADF8

Analogous

#F84955

#F8EB49

#F89449

Triadic

#F89449

#49F894

#9449F8

Split Complementary

#F89449

#49F8EB

#4955F8

Tetradic

#F89449

#55F849

#49ADF8

#EB49F8

Color Blindness Simulation

Original

#F89449

Protanopia

#CDCC5B

Deuteranopia

#D2DA60

Tritanopia

#F3696D

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEBDF
200
#FCD7BA
300
#FABA89
400
#F89449
500
#F66F09
600
#C45808
700
#9D4706
800
#7B3705
900
#592B08
950
#381B05

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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