#F5974C

#F5974C

Color Values

HEX

#F5974C

RGB

245, 151, 76

HSL

26.6, 89.4%, 62.9%

HSV

26.6, 69.0%, 96.1%

CMYK

0.0%, 38.4%, 69.0%, 3.9%

OKLCH

0.7601 0.144 56.7

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#F5974C

#4CAAF5

Analogous

#F54C55

#F5EB4C

#F5974C

Triadic

#F5974C

#4CF597

#974CF5

Split Complementary

#F5974C

#4CF5EB

#4C55F5

Tetradic

#F5974C

#55F54C

#4CAAF5

#EB4CF5

Color Blindness Simulation

Original

#F5974C

Protanopia

#CCCB5E

Deuteranopia

#D2D962

Tritanopia

#F06C70

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FBECE0
200
#FBD8BB
300
#F9BC8B
400
#F5974C
500
#F1730E
600
#C15C0B
700
#9B4909
800
#793907
900
#572C09
950
#371C06

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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