#F5884D

#F5884D

Color Values

HEX

#F5884D

RGB

245, 136, 77

HSL

21.1, 89.4%, 63.1%

HSV

21.1, 68.6%, 96.1%

CMYK

0.0%, 44.5%, 68.6%, 3.9%

OKLCH

0.7353 0.1519 47.4

Properties

Warm Light Nearest: sienna 2

Color Harmonies

Complementary

#F5884D

#4DBAF5

Analogous

#F54D66

#F5DC4D

#F5884D

Triadic

#F5884D

#4DF588

#884DF5

Split Complementary

#F5884D

#4DF5DC

#4D66F5

Tetradic

#F5884D

#66F54D

#4DBAF5

#DC4DF5

Color Blindness Simulation

Original

#F5884D

Protanopia

#C6C55B

Deuteranopia

#CCD45F

Tritanopia

#F06769

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FBE9E0
200
#FBD2BB
300
#F9B28B
400
#F5884C
500
#F15E0E
600
#C14B0B
700
#9B3C09
800
#792F07
900
#572509
950
#371706

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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