#F89E49

#F89E49

Color Values

HEX

#F89E49

RGB

248, 158, 73

HSL

29.1, 92.6%, 62.9%

HSV

29.1, 70.6%, 97.3%

CMYK

0.0%, 36.3%, 70.6%, 2.7%

OKLCH

0.7755 0.1456 61.0

Properties

Warm Light Nearest: tan 1

Color Harmonies

Complementary

#F89E49

#49A3F8

Analogous

#F8494B

#F8F549

#F89E49

Triadic

#F89E49

#49F89E

#9E49F8

Split Complementary

#F89E49

#49F8F5

#494BF8

Tetradic

#F89E49

#4BF849

#49A3F8

#F549F8

Color Blindness Simulation

Original

#F89E49

Protanopia

#D1D05E

Deuteranopia

#D6DD62

Tritanopia

#F46E71

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDABA
300
#FAC089
400
#F89E49
500
#F67C09
600
#C46308
700
#9D4F06
800
#7B3E05
900
#592F08
950
#381E05

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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