#FDD5D2

#FDD5D2

Color Values

HEX

#FDD5D2

RGB

253, 213, 210

HSL

4.2, 91.5%, 90.8%

HSV

4.2, 17.0%, 99.2%

CMYK

0.0%, 15.8%, 17.0%, 0.8%

OKLCH

0.906 0.0452 23.1

Properties

Warm Light Nearest: mistyrose 2

Color Harmonies

Complementary

#FDD5D2

#D2FAFD

Analogous

#FDD2E5

#FDEBD2

#FDD5D2

Triadic

#FDD5D2

#D2FDD5

#D5D2FD

Split Complementary

#FDD5D2

#D2FDEB

#D2E5FD

Tetradic

#FDD5D2

#E5FDD2

#D2FAFD

#EBD2FD

Color Blindness Simulation

Original

#FDD5D2

Protanopia

#ECEBD3

Deuteranopia

#EEF1D3

Tritanopia

#FBD3D3

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE1DF
200
#FCBFBB
300
#FA928A
400
#F7564A
500
#F41B0B
600
#C31609
700
#9C1107
800
#7A0E05
900
#580E09
950
#380905

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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