#FDD2F4

#FDD2F4

Color Values

HEX

#FDD2F4

RGB

253, 210, 244

HSL

312.6, 91.5%, 90.8%

HSV

312.6, 17.0%, 99.2%

CMYK

0.0%, 17.0%, 3.6%, 0.8%

OKLCH

0.9104 0.0651 333.4

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FDD2F4

#D2FDDB

Analogous

#F1D2FD

#FDD2DF

#FDD2F4

Triadic

#FDD2F4

#F4FDD2

#D2F4FD

Split Complementary

#FDD2F4

#DFFDD2

#D2FDF1

Tetradic

#FDD2F4

#FDF1D2

#D2FDDB

#D2DFFD

Color Blindness Simulation

Original

#FDD2F4

Protanopia

#EAEAEC

Deuteranopia

#EDF0EA

Tritanopia

#FBE5E4

Achromatopsia

#DEDEDE

CSS Usage

background-color: #FDD2F4;
color: #FDD2F4;
border-color: #FDD2F4;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FDF1FB
100
#FBDFF5
200
#FCBBEE
300
#FA8AE2
400
#F74AD3
500
#F40BC3
600
#C3099C
700
#9C077D
800
#7A0562
900
#580948
950
#38052D

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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