#FDEAF2

#FDEAF2

Color Values

HEX

#FDEAF2

RGB

253, 234, 242

HSL

334.7, 82.6%, 95.5%

HSV

334.7, 7.5%, 99.2%

CMYK

0.0%, 7.5%, 4.3%, 0.8%

OKLCH

0.9544 0.0231 350.1

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FDEAF2

#EAFDF5

Analogous

#FDEAFC

#FDECEA

#FDEAF2

Triadic

#FDEAF2

#F2FDEA

#EAF2FD

Split Complementary

#FDEAF2

#EAFDEC

#EAFCFD

Tetradic

#FDEAF2

#FCFDEA

#EAFDF5

#ECEAFD

Color Blindness Simulation

Original

#FDEAF2

Protanopia

#F5F5F0

Deuteranopia

#F6F7F0

Tritanopia

#FCEFEE

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE1EB
200
#F9BED7
300
#F48FBA
400
#EF5394
500
#E9166F
600
#BA1259
700
#950E47
800
#740B38
900
#540C2B
950
#35081B

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.23:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026