#BBA9C7

#BBA9C7

Color Values

HEX

#BBA9C7

RGB

187, 169, 199

HSL

276.0, 21.1%, 72.2%

HSV

276.0, 15.1%, 78.0%

CMYK

6.0%, 15.1%, 0.0%, 22.0%

OKLCH

0.7598 0.0466 311.9

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BBA9C7

#B5C7A9

Analogous

#ACA9C7

#C7A9C4

#BBA9C7

Triadic

#BBA9C7

#C7BBA9

#A9C7BB

Split Complementary

#BBA9C7

#C4C7A9

#A9C7AC

Tetradic

#BBA9C7

#C7ACA9

#B5C7A9

#A9C4C7

Color Blindness Simulation

Original

#BBA9C7

Protanopia

#B3B3C0

Deuteranopia

#B4B6BE

Tritanopia

#BABAB9

Achromatopsia

#AFAFAF

CSS Usage

background-color: #BBA9C7;
color: #BBA9C7;
border-color: #BBA9C7;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DDD4E3
300
#C4B5CF
400
#A58DB5
500
#85659A
600
#6A507C
700
#554063
800
#42324D
900
#32273A
950
#201924

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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