#FDDEFF

#FDDEFF

Color Values

HEX

#FDDEFF

RGB

253, 222, 255

HSL

296,4, 100,0%, 93,5%

HSV

296,4, 12,9%, 100,0%

CMYK

0,8%, 12,9%, 0,0%, 0,0%

OKLCH

0,9359 0,0549 324,1

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#FDDEFF

#E0FFDE

Analogous

#ECDEFF

#FFDEF0

#FDDEFF

Triadic

#FDDEFF

#FFFDDE

#DEFFFD

Split Complementary

#FDDEFF

#F0FFDE

#DEFFEC

Tetradic

#FDDEFF

#FFECDE

#E0FFDE

#DEF0FF

Color Blindness Simulation

Original

#FDDEFF

Protanopia

#F0EFF7

Deuteranopia

#F1F4F5

Tritanopia

#FBF1EF

Achromatopsia

#E7E7E7

CSS Usage

background-color: #FDDEFF;
color: #FDDEFF;
border-color: #FDDEFF;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#FDF1FE
100
#FBDEFC
200
#FBB8FF
300
#F885FF
400
#F442FF
500
#F000FF
600
#C000CC
700
#9900A3
800
#780080
900
#57055C
950
#37033A

Contrast Checker

Text on white

1,23:1

AA Fail AAA Fail

Text on black

17,07: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