#FCBCFF

#FCBCFF

Color Values

HEX

#FCBCFF

RGB

252, 188, 255

HSL

297,3, 100,0%, 86,9%

HSV

297,3, 26,3%, 100,0%

CMYK

1,2%, 26,3%, 0,0%, 0,0%

OKLCH

0,8745 0,1132 325,0

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#FCBCFF

#BFFFBC

Analogous

#DBBCFF

#FFBCE1

#FCBCFF

Triadic

#FCBCFF

#FFFCBC

#BCFFFC

Split Complementary

#FCBCFF

#E1FFBC

#BCFFDB

Tetradic

#FCBCFF

#FFDBBC

#BFFFBC

#BCE1FF

Color Blindness Simulation

Original

#FCBCFF

Protanopia

#E0E0EF

Deuteranopia

#E4E9EB

Tritanopia

#F9E2DF

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FBDEFC
200
#FCB8FF
300
#F985FF
400
#F742FF
500
#F400FF
600
#C300CC
700
#9C00A3
800
#7A0080
900
#58055C
950
#38033A

Contrast Checker

Text on white

1,52:1

AA Fail AAA Fail

Text on black

13,78: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