#FC4CA4

#FC4CA4

Color Values

HEX

#FC4CA4

RGB

252, 76, 164

HSL

330.0, 96.7%, 64.3%

HSV

330.0, 69.8%, 98.8%

CMYK

0.0%, 69.8%, 34.9%, 1.2%

OKLCH

0.688 0.2244 354.1

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#FC4CA4

#4CFCA4

Analogous

#FC4CFC

#FC4C4C

#FC4CA4

Triadic

#FC4CA4

#A4FC4C

#4CA4FC

Split Complementary

#FC4CA4

#4CFC4C

#4CFCFC

Tetradic

#FC4CA4

#FCFC4C

#4CFCA4

#4C4CFC

Color Blindness Simulation

Original

#FC4CA4

Protanopia

#B0AE8F

Deuteranopia

#BAC78A

Tritanopia

#F37E7A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FEB9DB
300
#FD87C2
400
#FC45A1
500
#FB0480
600
#C90366
700
#A10352
800
#7D0240
900
#5B0630
950
#39041F

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

6.71:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026