#FCD3F7

#FCD3F7

Color Values

HEX

#FCD3F7

RGB

252, 211, 247

HSL

307.3, 87.2%, 90.8%

HSV

307.3, 16.3%, 98.8%

CMYK

0.0%, 16.3%, 2.0%, 1.2%

OKLCH

0.9123 0.0654 330.1

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FCD3F7

#D3FCD8

Analogous

#EDD3FC

#FCD3E3

#FCD3F7

Triadic

#FCD3F7

#F7FCD3

#D3F7FC

Split Complementary

#FCD3F7

#E3FCD3

#D3FCED

Tetradic

#FCD3F7

#FCEDD3

#D3FCD8

#D3E3FC

Color Blindness Simulation

Original

#FCD3F7

Protanopia

#EAEAEE

Deuteranopia

#EDF0EC

Tritanopia

#FAE7E6

Achromatopsia

#DEDEDE

CSS Usage

background-color: #FCD3F7;
color: #FCD3F7;
border-color: #FCD3F7;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#FABCF3
300
#F78CEA
400
#F34EDF
500
#EF10D4
600
#BF0DA9
700
#990A87
800
#77086A
900
#560A4D
950
#370731

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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