#FDD2F7

#FDD2F7

Color Values

HEX

#FDD2F7

RGB

253, 210, 247

HSL

308.4, 91.5%, 90.8%

HSV

308.4, 17.0%, 99.2%

CMYK

0.0%, 17.0%, 2.4%, 0.8%

OKLCH

0.9114 0.0679 330.8

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FDD2F7

#D2FDD8

Analogous

#EED2FD

#FDD2E2

#FDD2F7

Triadic

#FDD2F7

#F7FDD2

#D2F7FD

Split Complementary

#FDD2F7

#E2FDD2

#D2FDEE

Tetradic

#FDD2F7

#FDEED2

#D2FDD8

#D2E2FD

Color Blindness Simulation

Original

#FDD2F7

Protanopia

#EAEAEE

Deuteranopia

#EDF0EC

Tritanopia

#FBE7E5

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF7
200
#FCBBF3
300
#FA8AEA
400
#F74ADF
500
#F40BD3
600
#C309A9
700
#9C0787
800
#7A056A
900
#58094D
950
#380531

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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