#BA8412

#BA8412

Color Values

HEX

#BA8412

RGB

186, 132, 18

HSL

40.7, 82.4%, 40.0%

HSV

40.7, 90.3%, 72.9%

CMYK

0.0%, 29.0%, 90.3%, 27.1%

OKLCH

0.6506 0.1311 78.7

Properties

Warm Light Nearest: darkgoldenrod

Color Harmonies

Complementary

#BA8412

#1248BA

Analogous

#BA3012

#9CBA12

#BA8412

Triadic

#BA8412

#12BA84

#8412BA

Split Complementary

#BA8412

#129CBA

#3012BA

Tetradic

#BA8412

#12BA30

#1248BA

#BA129C

Color Blindness Simulation

Original

#BA8412

Protanopia

#A3A22E

Deuteranopia

#A6AA34

Tritanopia

#B74348

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF2E1
200
#F9E6BE
300
#F4D48F
400
#EEBC53
500
#E9A516
600
#BA8412
700
#956A0E
800
#74520B
900
#543D0D
950
#352708

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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