#FDD2F5

#FDD2F5

Color Values

HEX

#FDD2F5

RGB

253, 210, 245

HSL

311.2, 91.5%, 90.8%

HSV

311.2, 17.0%, 99.2%

CMYK

0.0%, 17.0%, 3.2%, 0.8%

OKLCH

0.9107 0.066 332.5

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FDD2F5

#D2FDDA

Analogous

#F0D2FD

#FDD2E0

#FDD2F5

Triadic

#FDD2F5

#F5FDD2

#D2F5FD

Split Complementary

#FDD2F5

#E0FDD2

#D2FDF0

Tetradic

#FDD2F5

#FDF0D2

#D2FDDA

#D2E0FD

Color Blindness Simulation

Original

#FDD2F5

Protanopia

#EAEAED

Deuteranopia

#EDF0EA

Tritanopia

#FBE6E4

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FDF1FB
100
#FBDFF6
200
#FCBBF0
300
#FA8AE5
400
#F74AD7
500
#F40BC9
600
#C309A0
700
#9C0780
800
#7A0564
900
#580949
950
#38052E

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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