#BAACBF

#BAACBF

Color Values

HEX

#BAACBF

RGB

186, 172, 191

HSL

284,2, 12,9%, 71,2%

HSV

284,2, 9,9%, 74,9%

CMYK

2,6%, 9,9%, 0,0%, 25,1%

OKLCH

0,7621 0,0309 317,2

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BAACBF

#B1BFAC

Analogous

#B1ACBF

#BFACBB

#BAACBF

Triadic

#BAACBF

#BFBAAC

#ACBFBA

Split Complementary

#BAACBF

#BBBFAC

#ACBFB1

Tetradic

#BAACBF

#BFB1AC

#B1BFAC

#ACBBBF

Color Blindness Simulation

Original

#BAACBF

Protanopia

#B4B4BA

Deuteranopia

#B5B6B9

Tritanopia

#B9B7B6

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DDD7E0
300
#C6BACA
400
#A694AD
500
#876F90
600
#6C5973
700
#57475C
800
#443848
900
#332B36
950
#201B22

Contrast Checker

Text on white

2,16:1

AA Fail AAA Fail

Text on black

9,74:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026