#BC879A

#BC879A

Color Values

HEX

#BC879A

RGB

188, 135, 154

HSL

338.5, 28.3%, 63.3%

HSV

338.5, 28.2%, 73.7%

CMYK

0.0%, 28.2%, 18.1%, 26.3%

OKLCH

0.681 0.0694 355.8

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#BC879A

#87BCA9

Analogous

#BC87B4

#BC8E87

#BC879A

Triadic

#BC879A

#9ABC87

#879ABC

Split Complementary

#BC879A

#87BC8E

#87B4BC

Tetradic

#BC879A

#B4BC87

#87BCA9

#8E87BC

Color Blindness Simulation

Original

#BC879A

Protanopia

#A5A595

Deuteranopia

#A8AC94

Tritanopia

#B99291

Achromatopsia

#949494

CSS Usage

background-color: #BC879A;
color: #BC879A;
border-color: #BC879A;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D1D8
300
#D3B0BD
400
#BB8699
500
#A45B75
600
#83495E
700
#693B4B
800
#522E3B
900
#3D242D
950
#26171C

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.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