#FCD3F5

#FCD3F5

Color Values

HEX

#FCD3F5

RGB

252, 211, 245

HSL

310.2, 87.2%, 90.8%

HSV

310.2, 16.3%, 98.8%

CMYK

0.0%, 16.3%, 2.8%, 1.2%

OKLCH

0.9117 0.0635 331.9

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FCD3F5

#D3FCDA

Analogous

#EED3FC

#FCD3E1

#FCD3F5

Triadic

#FCD3F5

#F5FCD3

#D3F5FC

Split Complementary

#FCD3F5

#E1FCD3

#D3FCEE

Tetradic

#FCD3F5

#FCEED3

#D3FCDA

#D3E1FC

Color Blindness Simulation

Original

#FCD3F5

Protanopia

#EAEAED

Deuteranopia

#EDF0EB

Tritanopia

#FAE6E5

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE0F6
200
#FABCF0
300
#F78CE5
400
#F34ED7
500
#EF10C9
600
#BF0DA1
700
#990A81
800
#770864
900
#560A4A
950
#37072E

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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