#BAB2AD

#BAB2AD

Color Values

HEX

#BAB2AD

RGB

186, 178, 173

HSL

23,1, 8,6%, 70,4%

HSV

23,1, 7,0%, 72,9%

CMYK

0,0%, 4,3%, 7,0%, 27,1%

OKLCH

0,7687 0,0116 54,4

Properties

Warm Light Nearest: NCS S 3000-N Medium Light Grey

Color Harmonies

Complementary

#BAB2AD

#ADB5BA

Analogous

#BAADAF

#BAB9AD

#BAB2AD

Triadic

#BAB2AD

#ADBAB2

#B2ADBA

Split Complementary

#BAB2AD

#ADBAB9

#ADAFBA

Tetradic

#BAB2AD

#AFBAAD

#ADB5BA

#B9ADBA

Color Blindness Simulation

Original

#BAB2AD

Protanopia

#B7B6AE

Deuteranopia

#B7B8AE

Tritanopia

#BAAFAF

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD8
300
#C7C1BD
400
#A99F99
500
#8A7D75
600
#6F645D
700
#59504B
800
#453E3A
900
#34302D
950
#211E1C

Contrast Checker

Text on white

2,09:1

AA Fail AAA Fail

Text on black

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