#F89549

#F89549

Color Values

HEX

#F89549

RGB

248, 149, 73

HSL

26.1, 92.6%, 62.9%

HSV

26.1, 70.6%, 97.3%

CMYK

0.0%, 39.9%, 70.6%, 2.7%

OKLCH

0.7601 0.1491 55.4

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#F89549

#49ACF8

Analogous

#F84954

#F8ED49

#F89549

Triadic

#F89549

#49F895

#9549F8

Split Complementary

#F89549

#49F8ED

#4954F8

Tetradic

#F89549

#54F849

#49ACF8

#ED49F8

Color Blindness Simulation

Original

#F89549

Protanopia

#CDCC5B

Deuteranopia

#D3DA60

Tritanopia

#F36A6D

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEBDF
200
#FCD7BA
300
#FABA89
400
#F89549
500
#F67009
600
#C45A08
700
#9D4806
800
#7B3805
900
#592B08
950
#381B05

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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