#BAB4A8

#BAB4A8

Color Values

HEX

#BAB4A8

RGB

186, 180, 168

HSL

40.0, 11.5%, 69.4%

HSV

40.0, 9.7%, 72.9%

CMYK

0.0%, 3.2%, 9.7%, 27.1%

OKLCH

0.7715 0.0181 84.6

Properties

Warm Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#BAB4A8

#A8AEBA

Analogous

#BAABA8

#B7BAA8

#BAB4A8

Triadic

#BAB4A8

#A8BAB4

#B4A8BA

Split Complementary

#BAB4A8

#A8B7BA

#ABA8BA

Tetradic

#BAB4A8

#A8BAAB

#A8AEBA

#BAA8B7

Color Blindness Simulation

Original

#BAB4A8

Protanopia

#B7B7AB

Deuteranopia

#B8B8AC

Tritanopia

#BAADAE

Achromatopsia

#B4B4B4

CSS Usage

background-color: #BAB4A8;
color: #BAB4A8;
border-color: #BAB4A8;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F7
100
#EFEEEB
200
#DFDDD7
300
#C9C4BB
400
#ACA496
500
#8E8471
600
#726A5A
700
#5B5548
800
#474238
900
#35322B
950
#22201B

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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