#FCF6FD

#FCF6FD

Color Values

HEX

#FCF6FD

RGB

252, 246, 253

HSL

291.4, 63.6%, 97.8%

HSV

291.4, 2.8%, 99.2%

CMYK

0.4%, 2.8%, 0.0%, 0.8%

OKLCH

0.9797 0.0112 321.3

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#FCF6FD

#F7FDF6

Analogous

#F8F6FD

#FDF6FA

#FCF6FD

Triadic

#FCF6FD

#FDFCF6

#F6FDFC

Split Complementary

#FCF6FD

#FAFDF6

#F6FDF8

Tetradic

#FCF6FD

#FDF8F6

#F7FDF6

#F6FAFD

Color Blindness Simulation

Original

#FCF6FD

Protanopia

#F9F9FB

Deuteranopia

#FAFAFB

Tritanopia

#FCFAFA

Achromatopsia

#F8F8F8

CSS Usage

background-color: #FCF6FD;
color: #FCF6FD;
border-color: #FCF6FD;
Nearest Tailwind: Purple 50 #FAF5FF

Tailwind Shades

50
#FAF3FB
100
#F4E4F7
200
#EBC5F2
300
#DE9BE9
400
#CB65DD
500
#B92ED1
600
#9425A7
700
#771E85
800
#5D1768
900
#44154C
950
#2B0D30

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

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