#BAB28F

#BAB28F

Color Values

HEX

#BAB28F

RGB

186, 178, 143

HSL

48.8, 23.8%, 64.5%

HSV

48.8, 23.1%, 72.9%

CMYK

0.0%, 4.3%, 23.1%, 27.1%

OKLCH

0.7611 0.0487 96.6

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BAB28F

#8F97BA

Analogous

#BA9C8F

#ADBA8F

#BAB28F

Triadic

#BAB28F

#8FBAB2

#B28FBA

Split Complementary

#BAB28F

#8FADBA

#9C8FBA

Tetradic

#BAB28F

#8FBA9C

#8F97BA

#BA8FAD

Color Blindness Simulation

Original

#BAB28F

Protanopia

#B7B697

Deuteranopia

#B7B89A

Tritanopia

#BA9EA0

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFEA
200
#E4E1D3
300
#D0CBB3
400
#B7AF8A
500
#9E9361
600
#7E754E
700
#655E3E
800
#4F4931
900
#3B3726
950
#252318

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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