#FCD7DC

#FCD7DC

Color Values

HEX

#FCD7DC

RGB

252, 215, 220

HSL

351.9, 86.0%, 91.6%

HSV

351.9, 14.7%, 98.8%

CMYK

0.0%, 14.7%, 12.7%, 1.2%

OKLCH

0.9116 0.0417 8.7

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#FCD7DC

#D7FCF7

Analogous

#FCD7EF

#FCE5D7

#FCD7DC

Triadic

#FCD7DC

#DCFCD7

#D7DCFC

Split Complementary

#FCD7DC

#D7FCE5

#D7EFFC

Tetradic

#FCD7DC

#EFFCD7

#D7FCF7

#E5D7FC

Color Blindness Simulation

Original

#FCD7DC

Protanopia

#ECECDB

Deuteranopia

#EEF1DA

Tritanopia

#FADADA

Achromatopsia

#DFDFDF

CSS Usage

background-color: #FCD7DC;
color: #FCD7DC;
border-color: #FCD7DC;
Nearest Tailwind: Red 100 #FEE2E2

Tailwind Shades

50
#FDF2F3
100
#FAE0E4
200
#FABDC5
300
#F68D9B
400
#F25065
500
#ED122F
600
#BE0E26
700
#980B1E
800
#770918
900
#560B15
950
#36070D

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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