#FDCDDF

#FDCDDF

Color Values

HEX

#FDCDDF

RGB

253, 205, 223

HSL

337.5, 92.3%, 89.8%

HSV

337.5, 19.0%, 99.2%

CMYK

0.0%, 19.0%, 11.9%, 0.8%

OKLCH

0.8949 0.0587 353.9

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#FDCDDF

#CDFDEB

Analogous

#FDCDF7

#FDD3CD

#FDCDDF

Triadic

#FDCDDF

#DFFDCD

#CDDFFD

Split Complementary

#FDCDDF

#CDFDD3

#CDF7FD

Tetradic

#FDCDDF

#F7FDCD

#CDFDEB

#D3CDFD

Color Blindness Simulation

Original

#FDCDDF

Protanopia

#E8E8DB

Deuteranopia

#EBEFDA

Tritanopia

#FBD7D6

Achromatopsia

#D9D9D9

CSS Usage

background-color: #FDCDDF;
color: #FDCDDF;
border-color: #FDCDDF;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBAD3
300
#FA89B4
400
#F84A8B
500
#F50A62
600
#C4084E
700
#9D063F
800
#7B0531
900
#590826
950
#380518

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.97:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026