#FDE2FE

#FDE2FE

Color Values

HEX

#FDE2FE

RGB

253, 226, 254

HSL

297.9, 93.3%, 94.1%

HSV

297.9, 11.0%, 99.6%

CMYK

0.4%, 11.0%, 0.0%, 0.4%

OKLCH

0.943 0.047 324.9

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#FDE2FE

#E3FEE2

Analogous

#EFE2FE

#FEE2F1

#FDE2FE

Triadic

#FDE2FE

#FEFDE2

#E2FEFD

Split Complementary

#FDE2FE

#F1FEE2

#E2FEEF

Tetradic

#FDE2FE

#FEEFE2

#E3FEE2

#E2F1FE

Color Blindness Simulation

Original

#FDE2FE

Protanopia

#F1F1F7

Deuteranopia

#F3F5F6

Tritanopia

#FCF2F1

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABAFD
300
#F789FB
400
#F349F9
500
#EE09F6
600
#BF07C5
700
#98059E
800
#77047B
900
#560859
950
#360538

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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