#FCDEF4

#FCDEF4

Color Values

HEX

#FCDEF4

RGB

252, 222, 244

HSL

316.0, 83.3%, 92.9%

HSV

316.0, 11.9%, 98.8%

CMYK

0.0%, 11.9%, 3.2%, 1.2%

OKLCH

0.9316 0.0436 335.3

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FCDEF4

#DEFCE6

Analogous

#F5DEFC

#FCDEE5

#FCDEF4

Triadic

#FCDEF4

#F4FCDE

#DEF4FC

Split Complementary

#FCDEF4

#E5FCDE

#DEFCF5

Tetradic

#FCDEF4

#FCF5DE

#DEFCE6

#DEE5FC

Color Blindness Simulation

Original

#FCDEF4

Protanopia

#EFEFEF

Deuteranopia

#F1F3ED

Tritanopia

#FAEAEA

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FAE1F3
200
#F9BEE9
300
#F58FDA
400
#EF52C5
500
#EA15B1
600
#BB118E
700
#960E71
800
#750B59
900
#550C41
950
#360829

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.89:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026