#FDD2FC

#FDD2FC

Color Values

HEX

#FDD2FC

RGB

253, 210, 252

HSL

301.4, 91.5%, 90.8%

HSV

301.4, 17.0%, 99.2%

CMYK

0.0%, 17.0%, 0.4%, 0.8%

OKLCH

0.913 0.0727 326.9

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FDD2FC

#D2FDD3

Analogous

#E9D2FD

#FDD2E7

#FDD2FC

Triadic

#FDD2FC

#FCFDD2

#D2FCFD

Split Complementary

#FDD2FC

#E7FDD2

#D2FDE9

Tetradic

#FDD2FC

#FDE9D2

#D2FDD3

#D2E7FD

Color Blindness Simulation

Original

#FDD2FC

Protanopia

#EAEAF2

Deuteranopia

#EDF0EF

Tritanopia

#FBEAE8

Achromatopsia

#DEDEDE

CSS Usage

background-color: #FDD2FC;
color: #FDD2FC;
border-color: #FDD2FC;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBFA
300
#FA8AF7
400
#F74AF3
500
#F40BEF
600
#C309BF
700
#9C0799
800
#7A0577
900
#580956
950
#380537

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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