#F89F49

#F89F49

Color Values

HEX

#F89F49

RGB

248, 159, 73

HSL

29.5, 92.6%, 62.9%

HSV

29.5, 70.6%, 97.3%

CMYK

0.0%, 35.9%, 70.6%, 2.7%

OKLCH

0.7772 0.1453 61.6

Properties

Warm Light Nearest: tan 1

Color Harmonies

Complementary

#F89F49

#49A2F8

Analogous

#F8494A

#F8F749

#F89F49

Triadic

#F89F49

#49F89F

#9F49F8

Split Complementary

#F89F49

#49F8F7

#494AF8

Tetradic

#F89F49

#4AF849

#49A2F8

#F749F8

Color Blindness Simulation

Original

#F89F49

Protanopia

#D1D15E

Deuteranopia

#D7DD63

Tritanopia

#F46E72

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDBBA
300
#FAC189
400
#F89F49
500
#F67E09
600
#C46408
700
#9D5006
800
#7B3F05
900
#593008
950
#381E05

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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