#BAB596

#BAB596

Color Values

HEX

#BAB596

RGB

186, 181, 150

HSL

51,7, 20,7%, 65,9%

HSV

51,7, 19,4%, 72,9%

CMYK

0,0%, 2,7%, 19,4%, 27,1%

OKLCH

0,769 0,0429 99,7

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BAB596

#969BBA

Analogous

#BAA396

#ADBA96

#BAB596

Triadic

#BAB596

#96BAB5

#B596BA

Split Complementary

#BAB596

#96ADBA

#A396BA

Tetradic

#BAB596

#96BAA3

#969BBA

#BA96AD

Color Blindness Simulation

Original

#BAB596

Protanopia

#B8B89D

Deuteranopia

#B8B89F

Tritanopia

#BAA3A5

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E3E1D4
300
#CECBB5
400
#B4AF8D
500
#9A9365
600
#7B7551
700
#625E41
800
#4D4933
900
#393727
950
#242319

Contrast Checker

Text on white

2,07:1

AA Fail AAA Fail

Text on black

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