#BA8312

#BA8312

Color Values

HEX

#BA8312

RGB

186, 131, 18

HSL

40.4, 82.4%, 40.0%

HSV

40.4, 90.3%, 72.9%

CMYK

0.0%, 29.6%, 90.3%, 27.1%

OKLCH

0.6487 0.131 78.0

Properties

Warm Light Nearest: darkgoldenrod

Color Harmonies

Complementary

#BA8312

#1249BA

Analogous

#BA2F12

#9DBA12

#BA8312

Triadic

#BA8312

#12BA83

#8312BA

Split Complementary

#BA8312

#129DBA

#2F12BA

Tetradic

#BA8312

#12BA2F

#1249BA

#BA129D

Color Blindness Simulation

Original

#BA8312

Protanopia

#A2A22D

Deuteranopia

#A5AA34

Tritanopia

#B74348

Achromatopsia

#878787

CSS Usage

background-color: #BA8312;
color: #BA8312;
border-color: #BA8312;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FDF9F2
100
#FAF1E1
200
#F9E5BE
300
#F4D38F
400
#EEBC53
500
#E9A416
600
#BA8312
700
#95690E
800
#74520B
900
#543D0D
950
#352608

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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