#BAB18D

#BAB18D

Color Values

HEX

#BAB18D

RGB

186, 177, 141

HSL

48.0, 24.6%, 64.1%

HSV

48.0, 24.2%, 72.9%

CMYK

0.0%, 4.8%, 24.2%, 27.1%

OKLCH

0.7586 0.0502 95.7

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BAB18D

#8D96BA

Analogous

#BA9A8D

#ACBA8D

#BAB18D

Triadic

#BAB18D

#8DBAB1

#B18DBA

Split Complementary

#BAB18D

#8DACBA

#9A8DBA

Tetradic

#BAB18D

#8DBA9A

#8D96BA

#BA8DAC

Color Blindness Simulation

Original

#BAB18D

Protanopia

#B6B696

Deuteranopia

#B7B798

Tritanopia

#BA9D9E

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E4E1D3
300
#D1CBB3
400
#B8AF89
500
#9F9260
600
#7F754D
700
#665E3E
800
#4F4930
900
#3B3726
950
#252318

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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