#F89C4A

#F89C4A

Color Values

HEX

#F89C4A

RGB

248, 156, 74

HSL

28.3, 92.6%, 63.1%

HSV

28.3, 70.2%, 97.3%

CMYK

0.0%, 37.1%, 70.2%, 2.7%

OKLCH

0.7721 0.1457 59.5

Properties

Warm Light Nearest: tan 1

Color Harmonies

Complementary

#F89C4A

#4AA6F8

Analogous

#F84A4F

#F8F34A

#F89C4A

Triadic

#F89C4A

#4AF89C

#9C4AF8

Split Complementary

#F89C4A

#4AF8F3

#4A4FF8

Tetradic

#F89C4A

#4FF84A

#4AA6F8

#F34AF8

Color Blindness Simulation

Original

#F89C4A

Protanopia

#D0CF5E

Deuteranopia

#D6DC63

Tritanopia

#F36E71

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FCD9BA
300
#FABF89
400
#F89C49
500
#F67909
600
#C46108
700
#9D4D06
800
#7B3C05
900
#592E08
950
#381D05

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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