#BA8937

#BA8937

Color Values

HEX

#BA8937

RGB

186, 137, 55

HSL

37.6, 54.4%, 47.3%

HSV

37.6, 70.4%, 72.9%

CMYK

0.0%, 26.3%, 70.4%, 27.1%

OKLCH

0.6628 0.1143 77.1

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BA8937

#3768BA

Analogous

#BA4837

#AABA37

#BA8937

Triadic

#BA8937

#37BA89

#8937BA

Split Complementary

#BA8937

#37AABA

#4837BA

Tetradic

#BA8937

#37BA48

#3768BA

#BA37AA

Color Blindness Simulation

Original

#BA8937

Protanopia

#A5A44B

Deuteranopia

#A8AB50

Tritanopia

#B85B5E

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EFE0C8
300
#E3CAA1
400
#D4AE6D
500
#C5913A
600
#9D742F
700
#7E5D25
800
#62491D
900
#483619
950
#2E2210

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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