#FCBCFD

#FCBCFD

Color Values

HEX

#FCBCFD

RGB

252, 188, 253

HSL

299.1, 94.2%, 86.5%

HSV

299.1, 25.7%, 99.2%

CMYK

0.4%, 25.7%, 0.0%, 0.8%

OKLCH

0.8738 0.1112 326.0

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#FCBCFD

#BDFDBC

Analogous

#DCBCFD

#FDBCDE

#FCBCFD

Triadic

#FCBCFD

#FDFCBC

#BCFDFC

Split Complementary

#FCBCFD

#DEFDBC

#BCFDDC

Tetradic

#FCBCFD

#FDDCBC

#BDFDBC

#BCDEFD

Color Blindness Simulation

Original

#FCBCFD

Protanopia

#E0E0ED

Deuteranopia

#E4E9EA

Tritanopia

#F9E1DE

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFD
300
#FA88FB
400
#F748FA
500
#F407F8
600
#C306C6
700
#9C059E
800
#7A047C
900
#58075A
950
#380539

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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