#FDDAE4

#FDDAE4

Color Values

HEX

#FDDAE4

RGB

253, 218, 228

HSL

342,9, 89,7%, 92,4%

HSV

342,9, 13,8%, 99,2%

CMYK

0,0%, 13,8%, 9,9%, 0,8%

OKLCH

0,9203 0,0408 358,8

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#FDDAE4

#DAFDF3

Analogous

#FDDAF6

#FDE2DA

#FDDAE4

Triadic

#FDDAE4

#E4FDDA

#DAE4FD

Split Complementary

#FDDAE4

#DAFDE2

#DAF6FD

Tetradic

#FDDAE4

#F6FDDA

#DAFDF3

#E2DAFD

Color Blindness Simulation

Original

#FDDAE4

Protanopia

#EEEEE2

Deuteranopia

#F0F2E1

Tritanopia

#FBE0DF

Achromatopsia

#E2E2E2

CSS Usage

background-color: #FDDAE4;
color: #FDDAE4;
border-color: #FDDAE4;
Nearest Tailwind: Rose 100 #FFE4E6

Tailwind Shades

50
#FDF2F5
100
#FBE0E7
200
#FBBBCE
300
#F98BAA
400
#F54C7C
500
#F20D4E
600
#C10B3F
700
#9B0832
800
#790727
900
#580920
950
#370614

Contrast Checker

Text on white

1,29:1

AA Fail AAA Fail

Text on black

16,33:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026