#BBABC0

#BBABC0

Color Values

HEX

#BBABC0

RGB

187, 171, 192

HSL

285.7, 14.3%, 71.2%

HSV

285.7, 10.9%, 75.3%

CMYK

2.6%, 10.9%, 0.0%, 24.7%

OKLCH

0.7613 0.0345 318.1

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BBABC0

#B0C0AB

Analogous

#B1ABC0

#C0ABBB

#BBABC0

Triadic

#BBABC0

#C0BBAB

#ABC0BB

Split Complementary

#BBABC0

#BBC0AB

#ABC0B1

Tetradic

#BBABC0

#C0B1AB

#B0C0AB

#ABBBC0

Color Blindness Simulation

Original

#BBABC0

Protanopia

#B4B4BB

Deuteranopia

#B5B6BA

Tritanopia

#BAB7B6

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DED6E0
300
#C6B9CB
400
#A893AE
500
#896D92
600
#6E5775
700
#58465D
800
#453749
900
#342A37
950
#211B23

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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