#BBA3C2

#BBA3C2

Color Values

HEX

#BBA3C2

RGB

187, 163, 194

HSL

286.5, 20.3%, 70.0%

HSV

286.5, 16.0%, 76.1%

CMYK

3.6%, 16.0%, 0.0%, 23.9%

OKLCH

0.7463 0.0513 318.5

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BBA3C2

#AAC2A3

Analogous

#ACA3C2

#C2A3B9

#BBA3C2

Triadic

#BBA3C2

#C2BBA3

#A3C2BB

Split Complementary

#BBA3C2

#B9C2A3

#A3C2AC

Tetradic

#BBA3C2

#C2ACA3

#AAC2A3

#A3B9C2

Color Blindness Simulation

Original

#BBA3C2

Protanopia

#B1B0BB

Deuteranopia

#B2B4B9

Tritanopia

#BAB5B3

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#DFD4E3
300
#C9B5CE
400
#AB8DB4
500
#8E6699
600
#71517B
700
#5B4162
800
#47334D
900
#352839
950
#221924

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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