#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

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