#FDC7DC

#FDC7DC

Color Values

HEX

#FDC7DC

RGB

253, 199, 220

HSL

336.7, 93.1%, 88.6%

HSV

336.7, 21.3%, 99.2%

CMYK

0.0%, 21.3%, 13.0%, 0.8%

OKLCH

0.8832 0.0667 353.3

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FDC7DC

#C7FDE8

Analogous

#FDC7F7

#FDCDC7

#FDC7DC

Triadic

#FDC7DC

#DCFDC7

#C7DCFD

Split Complementary

#FDC7DC

#C7FDCD

#C7F7FD

Tetradic

#FDC7DC

#F7FDC7

#C7FDE8

#CDC7FD

Color Blindness Simulation

Original

#FDC7DC

Protanopia

#E6E5D7

Deuteranopia

#E9EDD6

Tritanopia

#FAD3D2

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FDBAD4
300
#FB89B5
400
#F8498D
500
#F60965
600
#C50751
700
#9E0641
800
#7B0432
900
#590827
950
#380519

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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