#BC82EC

#BC82EC

Color Values

HEX

#BC82EC

RGB

188, 130, 236

HSL

272,8, 73,6%, 71,8%

HSV

272,8, 44,9%, 92,5%

CMYK

20,3%, 44,9%, 0,0%, 7,5%

OKLCH

0,7061 0,1598 308,0

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BC82EC

#B2EC82

Analogous

#8782EC

#EC82E7

#BC82EC

Triadic

#BC82EC

#ECBC82

#82ECBC

Split Complementary

#BC82EC

#E7EC82

#82EC87

Tetradic

#BC82EC

#EC8782

#B2EC82

#82E7EC

Color Blindness Simulation

Original

#BC82EC

Protanopia

#A3A2D2

Deuteranopia

#A6ABCC

Tritanopia

#B9BEBA

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE2F8
200
#DEC1F6
300
#C695EF
400
#A75BE6
500
#8822DD
600
#6D1BB1
700
#57168E
800
#44116F
900
#331051
950
#200A33

Contrast Checker

Text on white

2,78:1

AA Fail AAA Fail

Text on black

7,54: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