#BC8CE4

#BC8CE4

Color Values

HEX

#BC8CE4

RGB

188, 140, 228

HSL

272.7, 62.0%, 72.2%

HSV

272.7, 38.6%, 89.4%

CMYK

17.5%, 38.6%, 0.0%, 10.6%

OKLCH

0.719 0.1336 308.4

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BC8CE4

#B4E48C

Analogous

#908CE4

#E48CE0

#BC8CE4

Triadic

#BC8CE4

#E4BC8C

#8CE4BC

Split Complementary

#BC8CE4

#E0E48C

#8CE490

Tetradic

#BC8CE4

#E4908C

#B4E48C

#8CE0E4

Color Blindness Simulation

Original

#BC8CE4

Protanopia

#A7A7CF

Deuteranopia

#AAAECA

Tritanopia

#BABEBA

Achromatopsia

#9D9D9D

CSS Usage

background-color: #BC8CE4;
color: #BC8CE4;
border-color: #BC8CE4;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DDC5F1
300
#C59CE8
400
#A666DB
500
#8730CF
600
#6C27A5
700
#561F84
800
#431867
900
#33154B
950
#200E30

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

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