#BABA9B

#BABA9B

Color Values

HEX

#BABA9B

RGB

186, 186, 155

HSL

60,0, 18,3%, 66,9%

HSV

60,0, 16,7%, 72,9%

CMYK

0,0%, 0,0%, 16,7%, 27,1%

OKLCH

0,7807 0,0424 107,3

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BABA9B

#9B9BBA

Analogous

#BAAB9B

#ABBA9B

#BABA9B

Triadic

#BABA9B

#9BBABA

#BA9BBA

Split Complementary

#BABA9B

#9BABBA

#AB9BBA

Tetradic

#BABA9B

#9BBAAB

#9B9BBA

#BA9BAB

Color Blindness Simulation

Original

#BABA9B

Protanopia

#BABAA2

Deuteranopia

#BABAA4

Tritanopia

#BAA8AA

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F0EA
200
#E2E2D5
300
#CDCDB7
400
#B2B28F
500
#979768
600
#797953
700
#616143
800
#4B4B34
900
#383828
950
#24241A

Contrast Checker

Text on white

1,98:1

AA Fail AAA Fail

Text on black

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