#BAB8AC

#BAB8AC

Color Values

HEX

#BAB8AC

RGB

186, 184, 172

HSL

51.4, 9.2%, 70.2%

HSV

51.4, 7.5%, 72.9%

CMYK

0.0%, 1.1%, 7.5%, 27.1%

OKLCH

0.7808 0.0168 99.1

Properties

Warm Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#BAB8AC

#ACAEBA

Analogous

#BAB1AC

#B5BAAC

#BAB8AC

Triadic

#BAB8AC

#ACBAB8

#B8ACBA

Split Complementary

#BAB8AC

#ACB5BA

#B1ACBA

Tetradic

#BAB8AC

#ACBAB1

#ACAEBA

#BAACB5

Color Blindness Simulation

Original

#BAB8AC

Protanopia

#B9B9AF

Deuteranopia

#B9B9B0

Tritanopia

#BAB1B2

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEC
200
#DFDED8
300
#C7C6BC
400
#A9A798
500
#8B8874
600
#6F6D5D
700
#59574A
800
#46443A
900
#34332C
950
#21201C

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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