#F5DAE4

#F5DAE4

Color Values

HEX

#F5DAE4

RGB

245, 218, 228

HSL

337.8, 57.4%, 90.8%

HSV

337.8, 11.0%, 96.1%

CMYK

0.0%, 11.0%, 6.9%, 3.9%

OKLCH

0.9134 0.0325 353.4

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#F5DAE4

#DAF5EB

Analogous

#F5DAF2

#F5DEDA

#F5DAE4

Triadic

#F5DAE4

#E4F5DA

#DAE4F5

Split Complementary

#F5DAE4

#DAF5DE

#DAF2F5

Tetradic

#F5DAE4

#F2F5DA

#DAF5EB

#DEDAF5

Color Blindness Simulation

Original

#F5DAE4

Protanopia

#E9E9E2

Deuteranopia

#EBEDE1

Tritanopia

#F4E0DF

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F6E4EB
200
#F0C7D6
300
#E59FB9
400
#D76A93
500
#C9366C
600
#A12B57
700
#802345
800
#641B36
900
#49172A
950
#2E0F1A

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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