#FDD2FB

#FDD2FB

Color Values

HEX

#FDD2FB

RGB

253, 210, 251

HSL

302.8, 91.5%, 90.8%

HSV

302.8, 17.0%, 99.2%

CMYK

0.0%, 17.0%, 0.8%, 0.8%

OKLCH

0.9127 0.0717 327.6

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FDD2FB

#D2FDD4

Analogous

#EAD2FD

#FDD2E6

#FDD2FB

Triadic

#FDD2FB

#FBFDD2

#D2FBFD

Split Complementary

#FDD2FB

#E6FDD2

#D2FDEA

Tetradic

#FDD2FB

#FDEAD2

#D2FDD4

#D2E6FD

Color Blindness Simulation

Original

#FDD2FB

Protanopia

#EAEAF1

Deuteranopia

#EDF0EF

Tritanopia

#FBE9E8

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBF9
300
#FA8AF5
400
#F74AEF
500
#F40BE9
600
#C309BB
700
#9C0795
800
#7A0575
900
#580955
950
#380535

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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