#BABAB3

#BABAB3

Color Values

HEX

#BABAB3

RGB

186, 186, 179

HSL

60,0, 4,8%, 71,6%

HSV

60,0, 3,8%, 72,9%

CMYK

0,0%, 0,0%, 3,8%, 27,1%

OKLCH

0,7869 0,0097 106,6

Properties

Warm Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#BABAB3

#B3B3BA

Analogous

#BAB7B3

#B7BAB3

#BABAB3

Triadic

#BABAB3

#B3BABA

#BAB3BA

Split Complementary

#BABAB3

#B3B7BA

#B7B3BA

Tetradic

#BABAB3

#B3BAB7

#B3B3BA

#BAB3B7

Color Blindness Simulation

Original

#BABAB3

Protanopia

#BABAB5

Deuteranopia

#BABAB5

Tritanopia

#BAB6B6

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DDDDDA
300
#C5C5BF
400
#A5A59C
500
#868679
600
#6B6B61
700
#56564E
800
#43433D
900
#33332E
950
#20201D

Contrast Checker

Text on white

1,95:1

AA Fail AAA Fail

Text on black

10,76: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