#FDE4F2

#FDE4F2

Color Values

HEX

#FDE4F2

RGB

253, 228, 242

HSL

326.4, 86.2%, 94.3%

HSV

326.4, 9.9%, 99.2%

CMYK

0.0%, 9.9%, 4.3%, 0.8%

OKLCH

0.9431 0.0328 343.0

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#FDE4F2

#E4FDEF

Analogous

#FBE4FD

#FDE4E5

#FDE4F2

Triadic

#FDE4F2

#F2FDE4

#E4F2FD

Split Complementary

#FDE4F2

#E5FDE4

#E4FDFB

Tetradic

#FDE4F2

#FDFBE4

#E4FDEF

#E4E5FD

Color Blindness Simulation

Original

#FDE4F2

Protanopia

#F2F2EF

Deuteranopia

#F4F6EE

Tritanopia

#FCECEB

Achromatopsia

#EAEAEA

CSS Usage

background-color: #FDE4F2;
color: #FDE4F2;
border-color: #FDE4F2;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#FABDDF
300
#F78DC8
400
#F24FAA
500
#ED128D
600
#BE0E71
700
#980B5A
800
#770946
900
#560B35
950
#360721

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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