#FCDDF0

#FCDDF0

Color Values

HEX

#FCDDF0

RGB

252, 221, 240

HSL

323,2, 83,8%, 92,7%

HSV

323,2, 12,3%, 98,8%

CMYK

0,0%, 12,3%, 4,8%, 1,2%

OKLCH

0,9285 0,0421 340,6

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#FCDDF0

#DDFCE9

Analogous

#F8DDFC

#FCDDE0

#FCDDF0

Triadic

#FCDDF0

#F0FCDD

#DDF0FC

Split Complementary

#FCDDF0

#E0FCDD

#DDFCF8

Tetradic

#FCDDF0

#FCF8DD

#DDFCE9

#DDE0FC

Color Blindness Simulation

Original

#FCDDF0

Protanopia

#EFEEEB

Deuteranopia

#F0F3EA

Tritanopia

#FAE8E7

Achromatopsia

#E5E5E5

CSS Usage

background-color: #FCDDF0;
color: #FCDDF0;
border-color: #FCDDF0;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#FDF2F9
100
#FAE0F0
200
#F9BDE2
300
#F58FCD
400
#F052B3
500
#EA1598
600
#BB1179
700
#960D61
800
#750A4C
900
#550C39
950
#360824

Contrast Checker

Text on white

1,25:1

AA Fail AAA Fail

Text on black

16,74:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026