#BC8CE9

#BC8CE9

Color Values

HEX

#BC8CE9

RGB

188, 140, 233

HSL

271.0, 67.9%, 73.1%

HSV

271.0, 39.9%, 91.4%

CMYK

19.3%, 39.9%, 0.0%, 8.6%

OKLCH

0.7213 0.1398 307.0

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BC8CE9

#B9E98C

Analogous

#8D8CE9

#E98CE7

#BC8CE9

Triadic

#BC8CE9

#E9BC8C

#8CE9BC

Split Complementary

#BC8CE9

#E7E98C

#8CE98D

Tetradic

#BC8CE9

#E98D8C

#B9E98C

#8CE7E9

Color Blindness Simulation

Original

#BC8CE9

Protanopia

#A7A7D3

Deuteranopia

#AAAECD

Tritanopia

#BAC1BD

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DCC3F4
300
#C398EB
400
#A361E1
500
#8229D6
600
#6821AB
700
#531A89
800
#41146B
900
#31134E
950
#1F0C31

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

8.07:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026