#FC56B2

#FC56B2

Color Values

HEX

#FC56B2

RGB

252, 86, 178

HSL

326.7, 96.5%, 66.3%

HSV

326.7, 65.9%, 98.8%

CMYK

0.0%, 65.9%, 29.4%, 1.2%

OKLCH

0.7025 0.2189 350.0

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#FC56B2

#56FCA0

Analogous

#F356FC

#FC565F

#FC56B2

Triadic

#FC56B2

#B2FC56

#56B2FC

Split Complementary

#FC56B2

#5FFC56

#56FCF3

Tetradic

#FC56B2

#FCF356

#56FCA0

#565FFC

Color Blindness Simulation

Original

#FC56B2

Protanopia

#B4B39C

Deuteranopia

#BECA96

Tritanopia

#F48A86

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FEB9DF
300
#FD87C8
400
#FC46AB
500
#FB048D
600
#C80471
700
#A0035A
800
#7D0247
900
#5B0635
950
#390422

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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