#FC4589

#FC4589

Color Values

HEX

#FC4589

RGB

252, 69, 137

HSL

337.7, 96.8%, 62.9%

HSV

337.7, 72.6%, 98.8%

CMYK

0.0%, 72.6%, 45.6%, 1.2%

OKLCH

0.6734 0.2226 3.0

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#FC4589

#45FCB8

Analogous

#FC45E4

#FC5C45

#FC4589

Triadic

#FC4589

#89FC45

#4589FC

Split Complementary

#FC4589

#45FC5C

#45E4FC

Tetradic

#FC4589

#E4FC45

#45FCB8

#5C45FC

Color Blindness Simulation

Original

#FC4589

Protanopia

#ADAB79

Deuteranopia

#B7C575

Tritanopia

#F36C69

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDEE9
200
#FEB9D2
300
#FD87B3
400
#FC4589
500
#FB0460
600
#C9034D
700
#A1033D
800
#7D0230
900
#5B0626
950
#390418

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.35:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026