#BA5812

#BA5812

Color Values

HEX

#BA5812

RGB

186, 88, 18

HSL

25.0, 82.4%, 40.0%

HSV

25.0, 90.3%, 72.9%

CMYK

0.0%, 52.7%, 90.3%, 27.1%

OKLCH

0.5724 0.1463 49.1

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#BA5812

#1274BA

Analogous

#BA1220

#BAAC12

#BA5812

Triadic

#BA5812

#12BA58

#5812BA

Split Complementary

#BA5812

#12BAAC

#1220BA

Tetradic

#BA5812

#20BA12

#1274BA

#AC12BA

Color Blindness Simulation

Original

#BA5812

Protanopia

#908F23

Deuteranopia

#959D27

Tritanopia

#B53033

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FAEBE1
200
#F9D6BE
300
#F4B98F
400
#EE9453
500
#E96E16
600
#BA5812
700
#95460E
800
#74370B
900
#542A0D
950
#351B08

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

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