#FCD7DA

#FCD7DA

Color Values

HEX

#FCD7DA

RGB

252, 215, 218

HSL

355.1, 86.0%, 91.6%

HSV

355.1, 14.7%, 98.8%

CMYK

0.0%, 14.7%, 13.5%, 1.2%

OKLCH

0.911 0.0415 12.4

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#FCD7DA

#D7FCF9

Analogous

#FCD7ED

#FCE7D7

#FCD7DA

Triadic

#FCD7DA

#DAFCD7

#D7DAFC

Split Complementary

#FCD7DA

#D7FCE7

#D7EDFC

Tetradic

#FCD7DA

#EDFCD7

#D7FCF9

#E7D7FC

Color Blindness Simulation

Original

#FCD7DA

Protanopia

#ECECD9

Deuteranopia

#EEF1D9

Tritanopia

#FAD9D9

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE0E2
200
#FABDC2
300
#F68D96
400
#F2505D
500
#ED1224
600
#BE0E1D
700
#980B17
800
#770912
900
#560B11
950
#36070B

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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