#BC4AB1

#BC4AB1

Color Values

HEX

#BC4AB1

RGB

188, 74, 177

HSL

305.8, 46.0%, 51.4%

HSV

305.8, 60.6%, 73.7%

CMYK

0.0%, 60.6%, 5.9%, 26.3%

OKLCH

0.597 0.1894 331.6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#BC4AB1

#4ABC55

Analogous

#8E4ABC

#BC4A78

#BC4AB1

Triadic

#BC4AB1

#B1BC4A

#4AB1BC

Split Complementary

#BC4AB1

#78BC4A

#4ABC8E

Tetradic

#BC4AB1

#BC8E4A

#4ABC55

#4A78BC

Color Blindness Simulation

Original

#BC4AB1

Protanopia

#8B8A98

Deuteranopia

#919A92

Tritanopia

#B68480

Achromatopsia

#6A6A6A

CSS Usage

background-color: #BC4AB1;
color: #BC4AB1;
border-color: #BC4AB1;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBE9
300
#DEA6D9
400
#CC75C4
500
#BA45AF
600
#95378C
700
#772C70
800
#5D2257
900
#451C41
950
#2B1229

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

4.75:1

AA Pass 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