#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026