#B4A4BA

#B4A4BA

Color Values

HEX

#B4A4BA

RGB

180, 164, 186

HSL

283.6, 13.7%, 68.6%

HSV

283.6, 11.8%, 72.9%

CMYK

3.2%, 11.8%, 0.0%, 27.1%

OKLCH

0.7393 0.0359 316.9

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#B4A4BA

#AABAA4

Analogous

#A9A4BA

#BAA4B5

#B4A4BA

Triadic

#B4A4BA

#BAB4A4

#A4BAB4

Split Complementary

#B4A4BA

#B5BAA4

#A4BAA9

Tetradic

#B4A4BA

#BAA9A4

#AABAA4

#A4B5BA

Color Blindness Simulation

Original

#B4A4BA

Protanopia

#ADADB5

Deuteranopia

#AEAFB3

Tritanopia

#B3B0B0

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DED6E0
300
#C6B9CA
400
#A794AE
500
#876E91
600
#6C5874
700
#57465D
800
#443748
900
#332A36
950
#201B22

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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