#BC8AB1

#BC8AB1

Color Values

HEX

#BC8AB1

RGB

188, 138, 177

HSL

313.2, 27.2%, 63.9%

HSV

313.2, 26.6%, 73.7%

CMYK

0.0%, 26.6%, 5.9%, 26.3%

OKLCH

0.6942 0.0803 334.4

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#BC8AB1

#8ABC95

Analogous

#AE8ABC

#BC8A98

#BC8AB1

Triadic

#BC8AB1

#B1BC8A

#8AB1BC

Split Complementary

#BC8AB1

#98BC8A

#8ABCAE

Tetradic

#BC8AB1

#BCAE8A

#8ABC95

#8A98BC

Color Blindness Simulation

Original

#BC8AB1

Protanopia

#A6A6A8

Deuteranopia

#A9ADA5

Tritanopia

#BAA09E

Achromatopsia

#979797

CSS Usage

background-color: #BC8AB1;
color: #BC8AB1;
border-color: #BC8AB1;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D2E1
300
#D2B1CB
400
#BA87AF
500
#A25D93
600
#824A76
700
#683B5E
800
#512E49
900
#3C2537
950
#261723

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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