#BA8C6D

#BA8C6D

Color Values

HEX

#BA8C6D

RGB

186, 140, 109

HSL

24.2, 35.8%, 57.8%

HSV

24.2, 41.4%, 72.9%

CMYK

0.0%, 24.7%, 41.4%, 27.1%

OKLCH

0.6767 0.071 55.2

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#BA8C6D

#6D9BBA

Analogous

#BA6D74

#BAB26D

#BA8C6D

Triadic

#BA8C6D

#6DBA8C

#8C6DBA

Split Complementary

#BA8C6D

#6DBAB2

#6D74BA

Tetradic

#BA8C6D

#74BA6D

#6D9BBA

#B26DBA

Color Blindness Simulation

Original

#BA8C6D

Protanopia

#A6A674

Deuteranopia

#A9AC76

Tritanopia

#B87A7C

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE8
200
#E8D9CF
300
#D8BEAC
400
#C29A7F
500
#AD7752
600
#8B5F41
700
#6F4C34
800
#573B29
900
#402D21
950
#281D15

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

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