#FCD3F6

#FCD3F6

Color Values

HEX

#FCD3F6

RGB

252, 211, 246

HSL

308.8, 87.2%, 90.8%

HSV

308.8, 16.3%, 98.8%

CMYK

0.0%, 16.3%, 2.4%, 1.2%

OKLCH

0.912 0.0644 331.0

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FCD3F6

#D3FCD9

Analogous

#EED3FC

#FCD3E2

#FCD3F6

Triadic

#FCD3F6

#F6FCD3

#D3F6FC

Split Complementary

#FCD3F6

#E2FCD3

#D3FCEE

Tetradic

#FCD3F6

#FCEED3

#D3FCD9

#D3E2FC

Color Blindness Simulation

Original

#FCD3F6

Protanopia

#EAEAEE

Deuteranopia

#EDF0EC

Tritanopia

#FAE7E5

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE0F6
200
#FABCF1
300
#F78CE8
400
#F34EDB
500
#EF10CE
600
#BF0DA5
700
#990A84
800
#770867
900
#560A4B
950
#370730

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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