#F89149

#F89149

Color Values

HEX

#F89149

RGB

248, 145, 73

HSL

24.7, 92.6%, 62.9%

HSV

24.7, 70.6%, 97.3%

CMYK

0.0%, 41.5%, 70.6%, 2.7%

OKLCH

0.7534 0.1511 53.0

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#F89149

#49B0F8

Analogous

#F84958

#F8E949

#F89149

Triadic

#F89149

#49F891

#9149F8

Split Complementary

#F89149

#49F8E9

#4958F8

Tetradic

#F89149

#58F849

#49B0F8

#E949F8

Color Blindness Simulation

Original

#F89149

Protanopia

#CBCB5A

Deuteranopia

#D1D95F

Tritanopia

#F3686B

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEBDF
200
#FCD5BA
300
#FAB889
400
#F89149
500
#F66B09
600
#C45508
700
#9D4406
800
#7B3505
900
#592908
950
#381A05

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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