#F5787C

#F5787C

Color Values

HEX

#F5787C

RGB

245, 120, 124

HSL

358.1, 86.2%, 71.6%

HSV

358.1, 51.0%, 96.1%

CMYK

0.0%, 51.0%, 49.4%, 3.9%

OKLCH

0.7186 0.1536 19.7

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F5787C

#78F5F1

Analogous

#F578BB

#F5B378

#F5787C

Triadic

#F5787C

#7CF578

#787CF5

Split Complementary

#F5787C

#78F5B3

#78BBF5

Tetradic

#F5787C

#BBF578

#78F5F1

#B378F5

Color Blindness Simulation

Original

#F5787C

Protanopia

#BFBE7B

Deuteranopia

#C6D07B

Tritanopia

#EF7A7A

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#FABDBE
300
#F78D90
400
#F24F54
500
#ED1219
600
#BE0E14
700
#980B10
800
#77090C
900
#560B0D
950
#360708

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

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