#FC4586

#FC4586

Color Values

HEX

#FC4586

RGB

252, 69, 134

HSL

338.7, 96.8%, 62.9%

HSV

338.7, 72.6%, 98.8%

CMYK

0.0%, 72.6%, 46.8%, 1.2%

OKLCH

0.6726 0.2219 4.1

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#FC4586

#45FCBB

Analogous

#FC45E1

#FC5F45

#FC4586

Triadic

#FC4586

#86FC45

#4586FC

Split Complementary

#FC4586

#45FC5F

#45E1FC

Tetradic

#FC4586

#E1FC45

#45FCBB

#5F45FC

Color Blindness Simulation

Original

#FC4586

Protanopia

#ADAB76

Deuteranopia

#B7C572

Tritanopia

#F36A67

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDEE9
200
#FEB9D1
300
#FD87B1
400
#FC4586
500
#FB045C
600
#C90349
700
#A1033B
800
#7D022E
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