#BAB69D

#BAB69D

Color Values

HEX

#BAB69D

RGB

186, 182, 157

HSL

51.7, 17.4%, 67.3%

HSV

51.7, 15.6%, 72.9%

CMYK

0.0%, 2.2%, 15.6%, 27.1%

OKLCH

0.7728 0.0347 99.7

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BAB69D

#9DA1BA

Analogous

#BAA89D

#B0BA9D

#BAB69D

Triadic

#BAB69D

#9DBAB6

#B69DBA

Split Complementary

#BAB69D

#9DB0BA

#A89DBA

Tetradic

#BAB69D

#9DBAA8

#9DA1BA

#BA9DB0

Color Blindness Simulation

Original

#BAB69D

Protanopia

#B8B8A3

Deuteranopia

#B8B9A4

Tritanopia

#BAA8A9

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#F0EFEB
200
#E2E0D5
300
#CCCAB7
400
#B1AD90
500
#969069
600
#787354
700
#605C43
800
#4B4835
900
#383629
950
#23221A

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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