#BCABBB

#BCABBB

Color Values

HEX

#BCABBB

RGB

188, 171, 187

HSL

303.5, 11.3%, 70.4%

HSV

303.5, 9.0%, 73.7%

CMYK

0.0%, 9.0%, 0.5%, 26.3%

OKLCH

0.7606 0.0295 327.7

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#BCABBB

#ABBCAC

Analogous

#B5ABBC

#BCABB3

#BCABBB

Triadic

#BCABBB

#BBBCAB

#ABBBBC

Split Complementary

#BCABBB

#B3BCAB

#ABBCB5

Tetradic

#BCABBB

#BCB5AB

#ABBCAC

#ABB3BC

Color Blindness Simulation

Original

#BCABBB

Protanopia

#B5B4B7

Deuteranopia

#B6B7B6

Tritanopia

#BBB4B3

Achromatopsia

#B0B0B0

CSS Usage

background-color: #BCABBB;
color: #BCABBB;
border-color: #BCABBB;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#DFD7DF
300
#C9BBC8
400
#AB96AA
500
#8E718C
600
#725A70
700
#5B485A
800
#473946
900
#352C35
950
#221B21

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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