#BBA0BF

#BBA0BF

Color Values

HEX

#BBA0BF

RGB

187, 160, 191

HSL

292.3, 19.5%, 68.8%

HSV

292.3, 16.2%, 74.9%

CMYK

2.1%, 16.2%, 0.0%, 25.1%

OKLCH

0.7395 0.0532 321.9

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BBA0BF

#A4BFA0

Analogous

#ABA0BF

#BFA0B3

#BBA0BF

Triadic

#BBA0BF

#BFBBA0

#A0BFBB

Split Complementary

#BBA0BF

#B3BFA0

#A0BFAB

Tetradic

#BBA0BF

#BFABA0

#A4BFA0

#A0B3BF

Color Blindness Simulation

Original

#BBA0BF

Protanopia

#AFAFB8

Deuteranopia

#B1B3B6

Tritanopia

#BAB2B0

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D4E2
300
#CBB6CE
400
#AE8EB3
500
#926798
600
#75527A
700
#5D4262
800
#49334C
900
#372839
950
#231924

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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