#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026