#FCABF8

#FCABF8

Color Values

HEX

#FCABF8

RGB

252, 171, 248

HSL

303.0, 93.1%, 82.9%

HSV

303.0, 32.1%, 98.8%

CMYK

0.0%, 32.1%, 1.6%, 1.2%

OKLCH

0.8437 0.1358 328.4

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FCABF8

#ABFCAF

Analogous

#D7ABFC

#FCABCF

#FCABF8

Triadic

#FCABF8

#F8FCAB

#ABF8FC

Split Complementary

#FCABF8

#CFFCAB

#ABFCD7

Tetradic

#FCABF8

#FCD7AB

#ABFCAF

#ABCFFC

Color Blindness Simulation

Original

#FCABF8

Protanopia

#D9D8E5

Deuteranopia

#DEE4E1

Tritanopia

#F8D7D3

Achromatopsia

#C2C2C2

CSS Usage

background-color: #FCABF8;
color: #FCABF8;
border-color: #FCABF8;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FDBAF9
300
#FB89F5
400
#F849F0
500
#F609EA
600
#C507BB
700
#9E0696
800
#7B0475
900
#590855
950
#380536

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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