#BC56FE

#BC56FE

Color Values

HEX

#BC56FE

RGB

188, 86, 254

HSL

276,4, 98,8%, 66,7%

HSV

276,4, 66,1%, 99,6%

CMYK

26,0%, 66,1%, 0,0%, 0,4%

OKLCH

0,6555 0,2433 309,1

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#BC56FE

#98FE56

Analogous

#6856FE

#FE56EC

#BC56FE

Triadic

#BC56FE

#FEBC56

#56FEBC

Split Complementary

#BC56FE

#ECFE56

#56FE68

Tetradic

#BC56FE

#FE6856

#98FE56

#56ECFE

Color Blindness Simulation

Original

#BC56FE

Protanopia

#908FD5

Deuteranopia

#969DCC

Tritanopia

#B7B5AE

Achromatopsia

#787878

CSS Usage

background-color: #BC56FE;
color: #BC56FE;
border-color: #BC56FE;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F1FE
100
#F0DEFC
200
#E3B8FF
300
#CF85FE
400
#B543FE
500
#9A02FD
600
#7B01CB
700
#6301A2
800
#4D017F
900
#3A055C
950
#24033A

Contrast Checker

Text on white

3,56:1

AA Fail AAA Fail

Text on black

5,9:1

AA Pass AAA Fail

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