#FDD7DA

#FDD7DA

Color Values

HEX

#FDD7DA

RGB

253, 215, 218

HSL

355.3, 90.5%, 91.8%

HSV

355.3, 15.0%, 99.2%

CMYK

0.0%, 15.0%, 13.8%, 0.8%

OKLCH

0.9119 0.0426 12.6

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#FDD7DA

#D7FDFA

Analogous

#FDD7ED

#FDE7D7

#FDD7DA

Triadic

#FDD7DA

#DAFDD7

#D7DAFD

Split Complementary

#FDD7DA

#D7FDE7

#D7EDFD

Tetradic

#FDD7DA

#EDFDD7

#D7FDFA

#E7D7FD

Color Blindness Simulation

Original

#FDD7DA

Protanopia

#EDECD9

Deuteranopia

#EFF2D9

Tritanopia

#FBD9D9

Achromatopsia

#DFDFDF

CSS Usage

background-color: #FDD7DA;
color: #FDD7DA;
border-color: #FDD7DA;
Nearest Tailwind: Red 100 #FEE2E2

Tailwind Shades

50
#FDF1F2
100
#FBDFE2
200
#FCBBC0
300
#F98A93
400
#F64B59
500
#F30C1E
600
#C20A18
700
#9B0813
800
#79060F
900
#58090F
950
#38060A

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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