#FC4590

#FC4590

Color Values

HEX

#FC4590

RGB

252, 69, 144

HSL

335.4, 96.8%, 62.9%

HSV

335.4, 72.6%, 98.8%

CMYK

0.0%, 72.6%, 42.9%, 1.2%

OKLCH

0.6755 0.2246 0.5

Properties

Warm Light Nearest: violetred 1

Color Harmonies

Complementary

#FC4590

#45FCB1

Analogous

#FC45EB

#FC5545

#FC4590

Triadic

#FC4590

#90FC45

#4590FC

Split Complementary

#FC4590

#45FC55

#45EBFC

Tetradic

#FC4590

#EBFC45

#45FCB1

#5545FC

Color Blindness Simulation

Original

#FC4590

Protanopia

#ADAB7E

Deuteranopia

#B7C57A

Tritanopia

#F3706C

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDEEB
200
#FEB9D5
300
#FD87B7
400
#FC4590
500
#FB0469
600
#C90354
700
#A10343
800
#7D0235
900
#5B0629
950
#39041A

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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