#FDD4D2

#FDD4D2

Color Values

HEX

#FDD4D2

RGB

253, 212, 210

HSL

2.8, 91.5%, 90.8%

HSV

2.8, 17.0%, 99.2%

CMYK

0.0%, 16.2%, 17.0%, 0.8%

OKLCH

0.9042 0.0462 21.3

Properties

Warm Light Nearest: mistyrose 2

Color Harmonies

Complementary

#FDD4D2

#D2FBFD

Analogous

#FDD2E6

#FDEAD2

#FDD4D2

Triadic

#FDD4D2

#D2FDD4

#D4D2FD

Split Complementary

#FDD4D2

#D2FDEA

#D2E6FD

Tetradic

#FDD4D2

#E6FDD2

#D2FBFD

#EAD2FD

Color Blindness Simulation

Original

#FDD4D2

Protanopia

#EBEBD2

Deuteranopia

#EEF1D3

Tritanopia

#FBD3D3

Achromatopsia

#DDDDDD

CSS Usage

background-color: #FDD4D2;
color: #FDD4D2;
border-color: #FDD4D2;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FDF2F1
100
#FBE1DF
200
#FCBEBB
300
#FA8F8A
400
#F7524A
500
#F4160B
600
#C31109
700
#9C0E07
800
#7A0B05
900
#580C09
950
#380805

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026