#FCF4FF

#FCF4FF

Color Values

HEX

#FCF4FF

RGB

252, 244, 255

HSL

283.6, 100.0%, 97.8%

HSV

283.6, 4.3%, 100.0%

CMYK

1.2%, 4.3%, 0.0%, 0.0%

OKLCH

0.9765 0.0168 316.9

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#FCF4FF

#F7FFF4

Analogous

#F6F4FF

#FFF4FC

#FCF4FF

Triadic

#FCF4FF

#FFFCF4

#F4FFFC

Split Complementary

#FCF4FF

#FCFFF4

#F4FFF6

Tetradic

#FCF4FF

#FFF6F4

#F7FFF4

#F4FCFF

Color Blindness Simulation

Original

#FCF4FF

Protanopia

#F9F8FC

Deuteranopia

#F9FAFC

Tritanopia

#FCFAFA

Achromatopsia

#F6F6F6

CSS Usage

background-color: #FCF4FF;
color: #FCF4FF;
border-color: #FCF4FF;
Nearest Tailwind: Fuchsia 50 #FDF4FF

Tailwind Shades

50
#FAF1FE
100
#F4DEFC
200
#EBB8FF
300
#DE85FF
400
#CB42FF
500
#B900FF
600
#9400CC
700
#7700A3
800
#5D0080
900
#44055C
950
#2B033A

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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