#BAB096

#BAB096

Color Values

HEX

#BAB096

RGB

186, 176, 150

HSL

43.3, 20.7%, 65.9%

HSV

43.3, 19.4%, 72.9%

CMYK

0.0%, 5.4%, 19.4%, 27.1%

OKLCH

0.7586 0.0377 89.5

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BAB096

#96A0BA

Analogous

#BA9E96

#B2BA96

#BAB096

Triadic

#BAB096

#96BAB0

#B096BA

Split Complementary

#BAB096

#96B2BA

#9E96BA

Tetradic

#BAB096

#96BA9E

#96A0BA

#BA96B2

Color Blindness Simulation

Original

#BAB096

Protanopia

#B6B69C

Deuteranopia

#B6B79E

Tritanopia

#BAA1A2

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E3DFD4
300
#CEC7B5
400
#B4A98D
500
#9A8B65
600
#7B6F51
700
#625941
800
#4D4633
900
#393427
950
#242119

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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