#BA5412

#BA5412

Color Values

HEX

#BA5412

RGB

186, 84, 18

HSL

23.6, 82.4%, 40.0%

HSV

23.6, 90.3%, 72.9%

CMYK

0.0%, 54.8%, 90.3%, 27.1%

OKLCH

0.5663 0.1493 46.9

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#BA5412

#1278BA

Analogous

#BA1224

#BAA812

#BA5412

Triadic

#BA5412

#12BA54

#5412BA

Split Complementary

#BA5412

#12BAA8

#1224BA

Tetradic

#BA5412

#24BA12

#1278BA

#A812BA

Color Blindness Simulation

Original

#BA5412

Protanopia

#8E8D22

Deuteranopia

#949B26

Tritanopia

#B52F31

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FAEAE1
200
#F9D5BE
300
#F4B78F
400
#EE9053
500
#E96916
600
#BA5412
700
#95430E
800
#74350B
900
#54290D
950
#351A08

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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