#BC1AE5

#BC1AE5

Color Values

HEX

#BC1AE5

RGB

188, 26, 229

HSL

287.9, 79.6%, 50.0%

HSV

287.9, 88.6%, 89.8%

CMYK

17.9%, 88.6%, 0.0%, 10.2%

OKLCH

0.5922 0.276 317.5

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#BC1AE5

#43E51A

Analogous

#571AE5

#E51AA8

#BC1AE5

Triadic

#BC1AE5

#E5BC1A

#1AE5BC

Split Complementary

#BC1AE5

#A8E51A

#1AE557

Tetradic

#BC1AE5

#E5571A

#43E51A

#1AA8E5

Color Blindness Simulation

Original

#BC1AE5

Protanopia

#7674B4

Deuteranopia

#7F8BA8

Tritanopia

#B48D85

Achromatopsia

#4B4B4B

CSS Usage

background-color: #BC1AE5;
color: #BC1AE5;
border-color: #BC1AE5;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FAF2FD
100
#F4E1F9
200
#ECBFF8
300
#DF91F3
400
#CD56EC
500
#BC1AE5
600
#9615B7
700
#781193
800
#5E0D72
900
#450E53
950
#2C0935

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42:1

AA Fail AAA Fail

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