#F89649

#F89649

Color Values

HEX

#F89649

RGB

248, 150, 73

HSL

26.4, 92.6%, 62.9%

HSV

26.4, 70.6%, 97.3%

CMYK

0.0%, 39.5%, 70.6%, 2.7%

OKLCH

0.7617 0.1486 56.0

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#F89649

#49ABF8

Analogous

#F84953

#F8ED49

#F89649

Triadic

#F89649

#49F896

#9649F8

Split Complementary

#F89649

#49F8ED

#4953F8

Tetradic

#F89649

#53F849

#49ABF8

#ED49F8

Color Blindness Simulation

Original

#F89649

Protanopia

#CECD5C

Deuteranopia

#D3DB60

Tritanopia

#F36A6E

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEBDF
200
#FCD7BA
300
#FABB89
400
#F89649
500
#F67109
600
#C45B08
700
#9D4906
800
#7B3905
900
#592C08
950
#381C05

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

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