#FDDAE2

#FDDAE2

Color Values

HEX

#FDDAE2

RGB

253, 218, 226

HSL

346,3, 89,7%, 92,4%

HSV

346,3, 13,8%, 99,2%

CMYK

0,0%, 13,8%, 10,7%, 0,8%

OKLCH

0,9197 0,0401 2,5

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#FDDAE2

#DAFDF5

Analogous

#FDDAF4

#FDE4DA

#FDDAE2

Triadic

#FDDAE2

#E2FDDA

#DAE2FD

Split Complementary

#FDDAE2

#DAFDE4

#DAF4FD

Tetradic

#FDDAE2

#F4FDDA

#DAFDF5

#E4DAFD

Color Blindness Simulation

Original

#FDDAE2

Protanopia

#EEEEE0

Deuteranopia

#F0F2E0

Tritanopia

#FBDFDE

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FBE0E6
200
#FBBBCA
300
#F98BA4
400
#F54C73
500
#F20D41
600
#C10B34
700
#9B082A
800
#790721
900
#58091B
950
#370611

Contrast Checker

Text on white

1,29:1

AA Fail AAA Fail

Text on black

16,3: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