#FCDEFD

#FCDEFD

Color Values

HEX

#FCDEFD

RGB

252, 222, 253

HSL

298.1, 88.6%, 93.1%

HSV

298.1, 12.3%, 99.2%

CMYK

0.4%, 12.3%, 0.0%, 0.8%

OKLCH

0.9344 0.0522 325.0

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#FCDEFD

#DFFDDE

Analogous

#ECDEFD

#FDDEEE

#FCDEFD

Triadic

#FCDEFD

#FDFCDE

#DEFDFC

Split Complementary

#FCDEFD

#EEFDDE

#DEFDEC

Tetradic

#FCDEFD

#FDECDE

#DFFDDE

#DEEEFD

Color Blindness Simulation

Original

#FCDEFD

Protanopia

#EFEFF6

Deuteranopia

#F1F3F4

Tritanopia

#FAF0EE

Achromatopsia

#E7E7E7

CSS Usage

background-color: #FCDEFD;
color: #FCDEFD;
border-color: #FCDEFD;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FDF2FD
100
#FAE0FB
200
#F9BCFB
300
#F58CF8
400
#EF4DF4
500
#E90FF0
600
#BB0CC0
700
#95099A
800
#750778
900
#550A57
950
#350637

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.01:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026