#F5714D

#F5714D

Color Values

HEX

#F5714D

RGB

245, 113, 77

HSL

12.9, 89.4%, 63.1%

HSV

12.9, 68.6%, 96.1%

CMYK

0.0%, 53.9%, 68.6%, 3.9%

OKLCH

0.7005 0.1705 36.2

Properties

Warm Light Nearest: coral 1

Color Harmonies

Complementary

#F5714D

#4DD1F5

Analogous

#F54D7D

#F5C54D

#F5714D

Triadic

#F5714D

#4DF571

#714DF5

Split Complementary

#F5714D

#4DF5C5

#4D7DF5

Tetradic

#F5714D

#7DF54D

#4DD1F5

#C54DF5

Color Blindness Simulation

Original

#F5714D

Protanopia

#BCBB56

Deuteranopia

#C4CD58

Tritanopia

#EE5D5E

Achromatopsia

#8A8A8A

CSS Usage

background-color: #F5714D;
color: #F5714D;
border-color: #F5714D;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FDF4F2
100
#FBE5E0
200
#FBC9BB
300
#F9A38B
400
#F5714C
500
#F13F0E
600
#C1320B
700
#9B2809
800
#791F07
900
#571A09
950
#371106

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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