#FC4585

#FC4585

Color Values

HEX

#FC4585

RGB

252, 69, 133

HSL

339.0, 96.8%, 62.9%

HSV

339.0, 72.6%, 98.8%

CMYK

0.0%, 72.6%, 47.2%, 1.2%

OKLCH

0.6723 0.2216 4.4

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#FC4585

#45FCBC

Analogous

#FC45E0

#FC6045

#FC4585

Triadic

#FC4585

#85FC45

#4585FC

Split Complementary

#FC4585

#45FC60

#45E0FC

Tetradic

#FC4585

#E0FC45

#45FCBC

#6045FC

Color Blindness Simulation

Original

#FC4585

Protanopia

#ADAB76

Deuteranopia

#B7C572

Tritanopia

#F36967

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDEE9
200
#FEB9D1
300
#FD87B0
400
#FC4585
500
#FB045A
600
#C90348
700
#A1033A
800
#7D022D
900
#5B0624
950
#390417

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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