#BA5612

#BA5612

Color Values

HEX

#BA5612

RGB

186, 86, 18

HSL

24.3, 82.4%, 40.0%

HSV

24.3, 90.3%, 72.9%

CMYK

0.0%, 53.8%, 90.3%, 27.1%

OKLCH

0.5693 0.1477 48.0

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#BA5612

#1276BA

Analogous

#BA1222

#BAAA12

#BA5612

Triadic

#BA5612

#12BA56

#5612BA

Split Complementary

#BA5612

#12BAAA

#1222BA

Tetradic

#BA5612

#22BA12

#1276BA

#AA12BA

Color Blindness Simulation

Original

#BA5612

Protanopia

#8F8E22

Deuteranopia

#949C26

Tritanopia

#B52F32

Achromatopsia

#666666

CSS Usage

background-color: #BA5612;
color: #BA5612;
border-color: #BA5612;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF6F2
100
#FAEBE1
200
#F9D6BE
300
#F4B88F
400
#EE9253
500
#E96C16
600
#BA5612
700
#95450E
800
#74360B
900
#542A0D
950
#351A08

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

4.43:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026