#FDCDD1

#FDCDD1

Color Values

HEX

#FDCDD1

RGB

253, 205, 209

HSL

355,0, 92,3%, 89,8%

HSV

355,0, 19,0%, 99,2%

CMYK

0,0%, 19,0%, 17,4%, 0,8%

OKLCH

0,891 0,0545 12,6

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#FDCDD1

#CDFDF9

Analogous

#FDCDE9

#FDE1CD

#FDCDD1

Triadic

#FDCDD1

#D1FDCD

#CDD1FD

Split Complementary

#FDCDD1

#CDFDE1

#CDE9FD

Tetradic

#FDCDD1

#E9FDCD

#CDFDF9

#E1CDFD

Color Blindness Simulation

Original

#FDCDD1

Protanopia

#E8E8D0

Deuteranopia

#EBEFD0

Tritanopia

#FBCFCF

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FCBAC0
300
#FA8993
400
#F84A58
500
#F50A1D
600
#C40818
700
#9D0613
800
#7B050F
900
#59080F
950
#380509

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,83: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