#FC4591

#FC4591

Color Values

HEX

#FC4591

RGB

252, 69, 145

HSL

335,1, 96,8%, 62,9%

HSV

335,1, 72,6%, 98,8%

CMYK

0,0%, 72,6%, 42,5%, 1,2%

OKLCH

0,6758 0,2249 0,1

Properties

Warm Light Nearest: violetred 1

Color Harmonies

Complementary

#FC4591

#45FCB0

Analogous

#FC45EC

#FC5445

#FC4591

Triadic

#FC4591

#91FC45

#4591FC

Split Complementary

#FC4591

#45FC54

#45ECFC

Tetradic

#FC4591

#ECFC45

#45FCB0

#5445FC

Color Blindness Simulation

Original

#FC4591

Protanopia

#ADAB7F

Deuteranopia

#B7C57A

Tritanopia

#F3706D

Achromatopsia

#717171

CSS Usage

background-color: #FC4591;
color: #FC4591;
border-color: #FC4591;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1F6
100
#FCDEEB
200
#FEB9D5
300
#FD87B8
400
#FC4591
500
#FB046B
600
#C90355
700
#A10344
800
#7D0235
900
#5B0629
950
#39041A

Contrast Checker

Text on white

3,28:1

AA Fail AAA Fail

Text on black

6,4: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