#BC7CE6

#BC7CE6

Color Values

HEX

#BC7CE6

RGB

188, 124, 230

HSL

276.2, 67.9%, 69.4%

HSV

276.2, 46.1%, 90.2%

CMYK

18.3%, 46.1%, 0.0%, 9.8%

OKLCH

0.6935 0.1625 310.6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BC7CE6

#A6E67C

Analogous

#877CE6

#E67CDB

#BC7CE6

Triadic

#BC7CE6

#E6BC7C

#7CE6BC

Split Complementary

#BC7CE6

#DBE67C

#7CE687

Tetradic

#BC7CE6

#E6877C

#A6E67C

#7CDBE6

Color Blindness Simulation

Original

#BC7CE6

Protanopia

#A0A0CC

Deuteranopia

#A4A9C6

Tritanopia

#B9B8B4

Achromatopsia

#919191

CSS Usage

background-color: #BC7CE6;
color: #BC7CE6;
border-color: #BC7CE6;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C3F4
300
#CA98EB
400
#AE61E1
500
#9129D6
600
#7421AB
700
#5D1A89
800
#49146B
900
#37134E
950
#220C31

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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