#FDE2FF

#FDE2FF

Color Values

HEX

#FDE2FF

RGB

253, 226, 255

HSL

295.9, 100.0%, 94.3%

HSV

295.9, 11.4%, 100.0%

CMYK

0.8%, 11.4%, 0.0%, 0.0%

OKLCH

0.9433 0.048 323.8

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#FDE2FF

#E4FFE2

Analogous

#EEE2FF

#FFE2F2

#FDE2FF

Triadic

#FDE2FF

#FFFDE2

#E2FFFD

Split Complementary

#FDE2FF

#F2FFE2

#E2FFEE

Tetradic

#FDE2FF

#FFEEE2

#E4FFE2

#E2F2FF

Color Blindness Simulation

Original

#FDE2FF

Protanopia

#F1F1F8

Deuteranopia

#F3F5F6

Tritanopia

#FCF2F1

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADEFC
200
#FAB8FF
300
#F785FF
400
#F242FF
500
#EE00FF
600
#BE00CC
700
#9800A3
800
#770080
900
#56055C
950
#36033A

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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