#BBA9BF

#BBA9BF

Color Values

HEX

#BBA9BF

RGB

187, 169, 191

HSL

289.1, 14.7%, 70.6%

HSV

289.1, 11.5%, 74.9%

CMYK

2.1%, 11.5%, 0.0%, 25.1%

OKLCH

0.757 0.0369 320.1

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BBA9BF

#ADBFA9

Analogous

#B0A9BF

#BFA9B8

#BBA9BF

Triadic

#BBA9BF

#BFBBA9

#A9BFBB

Split Complementary

#BBA9BF

#B8BFA9

#A9BFB0

Tetradic

#BBA9BF

#BFB0A9

#ADBFA9

#A9B8BF

Color Blindness Simulation

Original

#BBA9BF

Protanopia

#B3B3BA

Deuteranopia

#B4B6B8

Tritanopia

#BAB5B5

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#DFD6E1
300
#C8B9CB
400
#A993AF
500
#8B6D92
600
#705775
700
#59465E
800
#463649
900
#352A37
950
#211B23

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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