#BC8B97

#BC8B97

Color Values

HEX

#BC8B97

RGB

188, 139, 151

HSL

345.3, 26.8%, 64.1%

HSV

345.3, 26.1%, 73.7%

CMYK

0.0%, 26.1%, 19.7%, 26.3%

OKLCH

0.6875 0.0616 2.6

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#BC8B97

#8BBCB0

Analogous

#BC8BAF

#BC978B

#BC8B97

Triadic

#BC8B97

#97BC8B

#8B97BC

Split Complementary

#BC8B97

#8BBC97

#8BAFBC

Tetradic

#BC8B97

#AFBC8B

#8BBCB0

#978BBC

Color Blindness Simulation

Original

#BC8B97

Protanopia

#A7A694

Deuteranopia

#AAAD93

Tritanopia

#BA9291

Achromatopsia

#969696

CSS Usage

background-color: #BC8B97;
color: #BC8B97;
border-color: #BC8B97;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F6F6
100
#F1E9EB
200
#E5D2D6
300
#D2B1B9
400
#BA8794
500
#A25D6E
600
#814B58
700
#673C46
800
#512F37
900
#3C252A
950
#26171B

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026