#BAA9BC

#BAA9BC

Color Values

HEX

#BAA9BC

RGB

186, 169, 188

HSL

293.7, 12.4%, 70.0%

HSV

293.7, 10.1%, 73.7%

CMYK

1.1%, 10.1%, 0.0%, 26.3%

OKLCH

0.7552 0.0328 322.6

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BAA9BC

#ABBCA9

Analogous

#B1A9BC

#BCA9B4

#BAA9BC

Triadic

#BAA9BC

#BCBAA9

#A9BCBA

Split Complementary

#BAA9BC

#B4BCA9

#A9BCB1

Tetradic

#BAA9BC

#BCB1A9

#ABBCA9

#A9B4BC

Color Blindness Simulation

Original

#BAA9BC

Protanopia

#B3B2B7

Deuteranopia

#B4B5B6

Tritanopia

#B9B4B3

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#DFD7E0
300
#C8BAC9
400
#AA95AC
500
#8C708F
600
#705973
700
#5A475C
800
#463848
900
#352B36
950
#211B22

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.49:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026