#BABBA4

#BABBA4

Color Values

HEX

#BABBA4

RGB

186, 187, 164

HSL

62.6, 14.5%, 68.8%

HSV

62.6, 12.3%, 73.3%

CMYK

0.5%, 0.0%, 12.3%, 26.7%

OKLCH

0.785 0.0317 109.1

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BABBA4

#A5A4BB

Analogous

#BBB0A4

#AEBBA4

#BABBA4

Triadic

#BABBA4

#A4BABB

#BBA4BA

Split Complementary

#BABBA4

#A4AEBB

#B0A4BB

Tetradic

#BABBA4

#A4BBB0

#A5A4BB

#BBA4AE

Color Blindness Simulation

Original

#BABBA4

Protanopia

#BABAAA

Deuteranopia

#BABAAB

Tritanopia

#BAAEAF

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E0E0D6
300
#CACBB9
400
#ADAE93
500
#90926D
600
#747557
700
#5C5D46
800
#484937
900
#36372A
950
#22231B

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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