#FDD4F7

#FDD4F7

Color Values

HEX

#FDD4F7

RGB

253, 212, 247

HSL

308.8, 91.1%, 91.2%

HSV

308.8, 16.2%, 99.2%

CMYK

0.0%, 16.2%, 2.4%, 0.8%

OKLCH

0.915 0.0644 331.0

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FDD4F7

#D4FDDA

Analogous

#EFD4FD

#FDD4E3

#FDD4F7

Triadic

#FDD4F7

#F7FDD4

#D4F7FD

Split Complementary

#FDD4F7

#E3FDD4

#D4FDEF

Tetradic

#FDD4F7

#FDEFD4

#D4FDDA

#D4E3FD

Color Blindness Simulation

Original

#FDD4F7

Protanopia

#EBEBEF

Deuteranopia

#EEF1EC

Tritanopia

#FBE8E6

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF7
200
#FCBBF2
300
#FA8AE9
400
#F74BDD
500
#F40BD2
600
#C309A8
700
#9C0786
800
#7A0669
900
#58094D
950
#380630

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.94:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026