#FC4587

#FC4587

Color Values

HEX

#FC4587

RGB

252, 69, 135

HSL

338.4, 96.8%, 62.9%

HSV

338.4, 72.6%, 98.8%

CMYK

0.0%, 72.6%, 46.4%, 1.2%

OKLCH

0.6729 0.2221 3.7

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#FC4587

#45FCBA

Analogous

#FC45E2

#FC5E45

#FC4587

Triadic

#FC4587

#87FC45

#4587FC

Split Complementary

#FC4587

#45FC5E

#45E2FC

Tetradic

#FC4587

#E2FC45

#45FCBA

#5E45FC

Color Blindness Simulation

Original

#FC4587

Protanopia

#ADAB77

Deuteranopia

#B7C573

Tritanopia

#F36A68

Achromatopsia

#717171

CSS Usage

background-color: #FC4587;
color: #FC4587;
border-color: #FC4587;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FEF1F6
100
#FCDEE9
200
#FEB9D2
300
#FD87B1
400
#FC4587
500
#FB045D
600
#C9034A
700
#A1033B
800
#7D022E
900
#5B0625
950
#390417

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.34:1

AA Pass AAA Fail

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