#BAB295

#BAB295

Color Values

HEX

#BAB295

RGB

186, 178, 149

HSL

47.0, 21.1%, 65.7%

HSV

47.0, 19.9%, 72.9%

CMYK

0.0%, 4.3%, 19.9%, 27.1%

OKLCH

0.7625 0.0409 94.4

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BAB295

#959DBA

Analogous

#BAA095

#B0BA95

#BAB295

Triadic

#BAB295

#95BAB2

#B295BA

Split Complementary

#BAB295

#95B0BA

#A095BA

Tetradic

#BAB295

#95BAA0

#959DBA

#BA95B0

Color Blindness Simulation

Original

#BAB295

Protanopia

#B7B69C

Deuteranopia

#B7B89E

Tritanopia

#BAA2A3

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E3E0D4
300
#CFC9B5
400
#B5AC8D
500
#9A8F65
600
#7C7250
700
#635B40
800
#4D4732
900
#3A3627
950
#242219

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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