#BA8139

#BA8139

Color Values

HEX

#BA8139

RGB

186, 129, 57

HSL

33.5, 53.1%, 47.6%

HSV

33.5, 69.4%, 72.9%

CMYK

0.0%, 30.6%, 69.4%, 27.1%

OKLCH

0.6474 0.1123 69.6

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BA8139

#3972BA

Analogous

#BA4039

#B2BA39

#BA8139

Triadic

#BA8139

#39BA81

#8139BA

Split Complementary

#BA8139

#39B2BA

#4039BA

Tetradic

#BA8139

#39BA40

#3972BA

#BA39B2

Color Blindness Simulation

Original

#BA8139

Protanopia

#A1A14A

Deuteranopia

#A5A94F

Tritanopia

#B7585B

Achromatopsia

#888888

CSS Usage

background-color: #BA8139;
color: #BA8139;
border-color: #BA8139;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EEDEC8
300
#E2C6A1
400
#D3A66F
500
#C3873C
600
#9C6C30
700
#7D5726
800
#62441E
900
#483319
950
#2D2010

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29:1

AA Pass AAA Fail

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