#FC87CE

#FC87CE

Color Values

HEX

#FC87CE

RGB

252, 135, 206

HSL

323.6, 95.1%, 75.9%

HSV

323.6, 46.4%, 98.8%

CMYK

0.0%, 46.4%, 18.3%, 1.2%

OKLCH

0.7729 0.1633 344.3

Properties

Warm Light Nearest: hotpink 1

Color Harmonies

Complementary

#FC87CE

#87FCB5

Analogous

#F087FC

#FC8794

#FC87CE

Triadic

#FC87CE

#CEFC87

#87CEFC

Split Complementary

#FC87CE

#94FC87

#87FCF0

Tetradic

#FC87CE

#FCF087

#87FCB5

#8794FC

Color Blindness Simulation

Original

#FC87CE

Protanopia

#C9C8BD

Deuteranopia

#D0D9B9

Tritanopia

#F6AFAC

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDFF0
200
#FDB9E3
300
#FC88CE
400
#FA47B4
500
#F90699
600
#C7057B
700
#9F0462
800
#7C034D
900
#5A0739
950
#390424

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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