#FDD4FB

#FDD4FB

Color Values

HEX

#FDD4FB

RGB

253, 212, 251

HSL

302.9, 91.1%, 91.2%

HSV

302.9, 16.2%, 99.2%

CMYK

0.0%, 16.2%, 0.8%, 0.8%

OKLCH

0.9163 0.0682 327.7

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FDD4FB

#D4FDD6

Analogous

#EBD4FD

#FDD4E7

#FDD4FB

Triadic

#FDD4FB

#FBFDD4

#D4FBFD

Split Complementary

#FDD4FB

#E7FDD4

#D4FDEB

Tetradic

#FDD4FB

#FDEBD4

#D4FDD6

#D4E7FD

Color Blindness Simulation

Original

#FDD4FB

Protanopia

#EBEBF2

Deuteranopia

#EEF1EF

Tritanopia

#FBEAE8

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBF9
300
#FA8AF4
400
#F74BEE
500
#F40BE8
600
#C309BA
700
#9C0795
800
#7A0674
900
#580954
950
#380635

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

15.99:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026