#FDC4DA

#FDC4DA

Color Values

HEX

#FDC4DA

RGB

253, 196, 218

HSL

336.8, 93.4%, 88.0%

HSV

336.8, 22.5%, 99.2%

CMYK

0.0%, 22.5%, 13.8%, 0.8%

OKLCH

0.8772 0.0705 353.6

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FDC4DA

#C4FDE7

Analogous

#FDC4F7

#FDCAC4

#FDC4DA

Triadic

#FDC4DA

#DAFDC4

#C4DAFD

Split Complementary

#FDC4DA

#C4FDCA

#C4F7FD

Tetradic

#FDC4DA

#F7FDC4

#C4FDE7

#CAC4FD

Color Blindness Simulation

Original

#FDC4DA

Protanopia

#E4E4D5

Deuteranopia

#E8ECD3

Tritanopia

#FAD0D0

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FDBAD4
300
#FB89B5
400
#F9498D
500
#F70865
600
#C50750
700
#9E0540
800
#7B0432
900
#590827
950
#380519

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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