#BAB08F

#BAB08F

Color Values

HEX

#BAB08F

RGB

186, 176, 143

HSL

46.0, 23.8%, 64.5%

HSV

46.0, 23.1%, 72.9%

CMYK

0.0%, 5.4%, 23.1%, 27.1%

OKLCH

0.7569 0.0466 93.2

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BAB08F

#8F99BA

Analogous

#BA9A8F

#AFBA8F

#BAB08F

Triadic

#BAB08F

#8FBAB0

#B08FBA

Split Complementary

#BAB08F

#8FAFBA

#9A8FBA

Tetradic

#BAB08F

#8FBA9A

#8F99BA

#BA8FAF

Color Blindness Simulation

Original

#BAB08F

Protanopia

#B6B697

Deuteranopia

#B6B799

Tritanopia

#BA9D9F

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFEA
200
#E4E0D3
300
#D0CAB3
400
#B7AD8A
500
#9E9061
600
#7E734E
700
#655C3E
800
#4F4831
900
#3B3626
950
#252218

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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