#F2DAE9

#F2DAE9

Color Values

HEX

#F2DAE9

RGB

242, 218, 233

HSL

322.5, 48.0%, 90.2%

HSV

322.5, 9.9%, 94.9%

CMYK

0.0%, 9.9%, 3.7%, 5.1%

OKLCH

0.9123 0.0329 339.9

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#F2DAE9

#DAF2E3

Analogous

#EFDAF2

#F2DADD

#F2DAE9

Triadic

#F2DAE9

#E9F2DA

#DAE9F2

Split Complementary

#F2DAE9

#DDF2DA

#DAF2EF

Tetradic

#F2DAE9

#F2EFDA

#DAF2E3

#DADDF2

Color Blindness Simulation

Original

#F2DAE9

Protanopia

#E8E7E5

Deuteranopia

#E9EBE4

Tritanopia

#F1E3E2

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EF
200
#ECCAE0
300
#DFA4C9
400
#CE73AC
500
#BD428F
600
#973572
700
#792A5B
800
#5E2147
900
#451C36
950
#2C1122

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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