#BA5D12

#BA5D12

Color Values

HEX

#BA5D12

RGB

186, 93, 18

HSL

26.8, 82.4%, 40.0%

HSV

26.8, 90.3%, 72.9%

CMYK

0.0%, 50.0%, 90.3%, 27.1%

OKLCH

0.5803 0.1428 51.9

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BA5D12

#126FBA

Analogous

#BA121B

#BAB112

#BA5D12

Triadic

#BA5D12

#12BA5D

#5D12BA

Split Complementary

#BA5D12

#12BAB1

#121BBA

Tetradic

#BA5D12

#1BBA12

#126FBA

#B112BA

Color Blindness Simulation

Original

#BA5D12

Protanopia

#929124

Deuteranopia

#979E28

Tritanopia

#B53236

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE1
200
#F9D8BE
300
#F4BC8F
400
#EE9853
500
#E97416
600
#BA5D12
700
#954A0E
800
#743A0B
900
#542D0D
950
#351C08

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

4.66:1

AA Pass 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