#BBA7B8

#BBA7B8

Color Values

HEX

#BBA7B8

RGB

187, 167, 184

HSL

309.0, 12.8%, 69.4%

HSV

309.0, 10.7%, 73.3%

CMYK

0.0%, 10.7%, 1.6%, 26.7%

OKLCH

0.7508 0.0329 330.8

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#BBA7B8

#A7BBAA

Analogous

#B4A7BB

#BBA7AE

#BBA7B8

Triadic

#BBA7B8

#B8BBA7

#A7B8BB

Split Complementary

#BBA7B8

#AEBBA7

#A7BBB4

Tetradic

#BBA7B8

#BBB4A7

#A7BBAA

#A7AEBB

Color Blindness Simulation

Original

#BBA7B8

Protanopia

#B2B2B4

Deuteranopia

#B4B5B3

Tritanopia

#BAB1B0

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#E0D7DE
300
#CABAC7
400
#AD95A9
500
#906F8B
600
#73596F
700
#5C4759
800
#483845
900
#362B34
950
#221B21

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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