#FDE2F9

#FDE2F9

Color Values

HEX

#FDE2F9

RGB

253, 226, 249

HSL

308.9, 87.1%, 93.9%

HSV

308.9, 10.7%, 99.2%

CMYK

0.0%, 10.7%, 1.6%, 0.8%

OKLCH

0.9414 0.0421 330.7

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FDE2F9

#E2FDE6

Analogous

#F3E2FD

#FDE2EB

#FDE2F9

Triadic

#FDE2F9

#F9FDE2

#E2F9FD

Split Complementary

#FDE2F9

#EBFDE2

#E2FDF3

Tetradic

#FDE2F9

#FDF3E2

#E2FDE6

#E2EBFD

Color Blindness Simulation

Original

#FDE2F9

Protanopia

#F1F1F3

Deuteranopia

#F3F5F2

Tritanopia

#FCEFEE

Achromatopsia

#E9E9E9

CSS Usage

background-color: #FDE2F9;
color: #FDE2F9;
border-color: #FDE2F9;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FDF2FB
100
#FAE0F6
200
#FABCF1
300
#F78CE7
400
#F34EDA
500
#EF10CE
600
#BF0DA4
700
#990B84
800
#770867
900
#560A4B
950
#37072F

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.42:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026