#FFD4F3

#FFD4F3

Color Values

HEX

#FFD4F3

RGB

255, 212, 243

HSL

316,7, 100,0%, 91,6%

HSV

316,7, 16,9%, 100,0%

CMYK

0,0%, 16,9%, 4,7%, 0,0%

OKLCH

0,9155 0,0624 336,2

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FFD4F3

#D4FFE0

Analogous

#F6D4FF

#FFD4DE

#FFD4F3

Triadic

#FFD4F3

#F3FFD4

#D4F3FF

Split Complementary

#FFD4F3

#DEFFD4

#D4FFF6

Tetradic

#FFD4F3

#FFF6D4

#D4FFE0

#D4DEFF

Color Blindness Simulation

Original

#FFD4F3

Protanopia

#ECECEC

Deuteranopia

#EFF2EA

Tritanopia

#FDE6E4

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FEF1FA
100
#FCDEF4
200
#FFB8EB
300
#FF85DD
400
#FF42CA
500
#FF00B8
600
#CC0093
700
#A30076
800
#80005C
900
#5C0544
950
#3A032B

Contrast Checker

Text on white

1,32:1

AA Fail AAA Fail

Text on black

15,96:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026