#FCCAFF

#FCCAFF

Color Values

HEX

#FCCAFF

RGB

252, 202, 255

HSL

296.6, 100.0%, 89.6%

HSV

296.6, 20.8%, 100.0%

CMYK

1.2%, 20.8%, 0.0%, 0.0%

OKLCH

0.8988 0.0889 324.5

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#FCCAFF

#CDFFCA

Analogous

#E1CAFF

#FFCAE7

#FCCAFF

Triadic

#FCCAFF

#FFFCCA

#CAFFFC

Split Complementary

#FCCAFF

#E7FFCA

#CAFFE1

Tetradic

#FCCAFF

#FFE1CA

#CDFFCA

#CAE7FF

Color Blindness Simulation

Original

#FCCAFF

Protanopia

#E6E6F2

Deuteranopia

#E9EDEF

Tritanopia

#F9E8E6

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FBDEFC
200
#FBB8FF
300
#F885FF
400
#F442FF
500
#F100FF
600
#C000CC
700
#9A00A3
800
#780080
900
#57055C
950
#37033A

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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