#FDD4DF

#FDD4DF

Color Values

HEX

#FDD4DF

RGB

253, 212, 223

HSL

343.9, 91.1%, 91.2%

HSV

343.9, 16.2%, 99.2%

CMYK

0.0%, 16.2%, 11.9%, 0.8%

OKLCH

0.9077 0.0479 0.1

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#FDD4DF

#D4FDF2

Analogous

#FDD4F4

#FDDED4

#FDD4DF

Triadic

#FDD4DF

#DFFDD4

#D4DFFD

Split Complementary

#FDD4DF

#D4FDDE

#D4F4FD

Tetradic

#FDD4DF

#F4FDD4

#D4FDF2

#DED4FD

Color Blindness Simulation

Original

#FDD4DF

Protanopia

#EBEBDC

Deuteranopia

#EEF1DC

Tritanopia

#FBDADA

Achromatopsia

#DEDEDE

CSS Usage

background-color: #FDD4DF;
color: #FDD4DF;
border-color: #FDD4DF;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FDF1F5
100
#FBDFE7
200
#FCBBCC
300
#FA8AA8
400
#F74B79
500
#F40B4A
600
#C3093B
700
#9C072F
800
#7A0625
900
#58091E
950
#380613

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.66:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026