#FC87D2

#FC87D2

Color Values

HEX

#FC87D2

RGB

252, 135, 210

HSL

321.5, 95.1%, 75.9%

HSV

321.5, 46.4%, 98.8%

CMYK

0.0%, 46.4%, 16.7%, 1.2%

OKLCH

0.7744 0.1659 342.6

Properties

Warm Light Nearest: hotpink 1

Color Harmonies

Complementary

#FC87D2

#87FCB1

Analogous

#EB87FC

#FC8798

#FC87D2

Triadic

#FC87D2

#D2FC87

#87D2FC

Split Complementary

#FC87D2

#98FC87

#87FCEB

Tetradic

#FC87D2

#FCEB87

#87FCB1

#8798FC

Color Blindness Simulation

Original

#FC87D2

Protanopia

#C9C8C0

Deuteranopia

#D0D9BC

Tritanopia

#F6B2AE

Achromatopsia

#A5A5A5

CSS Usage

background-color: #FC87D2;
color: #FC87D2;
border-color: #FC87D2;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FEF1F9
100
#FCDFF1
200
#FDB9E5
300
#FC88D2
400
#FA47BA
500
#F906A2
600
#C70581
700
#9F0468
800
#7C0351
900
#5A073C
950
#390426

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.54:1

AA Pass AAA Pass

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