#BA5012

#BA5012

Color Values

HEX

#BA5012

RGB

186, 80, 18

HSL

22,1, 82,4%, 40,0%

HSV

22,1, 90,3%, 72,9%

CMYK

0,0%, 57,0%, 90,3%, 27,1%

OKLCH

0,5604 0,1524 44,9

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#BA5012

#127CBA

Analogous

#BA1228

#BAA412

#BA5012

Triadic

#BA5012

#12BA50

#5012BA

Split Complementary

#BA5012

#12BAA4

#1228BA

Tetradic

#BA5012

#28BA12

#127CBA

#A412BA

Color Blindness Simulation

Original

#BA5012

Protanopia

#8C8B21

Deuteranopia

#929A25

Tritanopia

#B52D2F

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FAEAE1
200
#F9D4BE
300
#F4B58F
400
#EE8C53
500
#E96416
600
#BA5012
700
#95400E
800
#74320B
900
#54270D
950
#351908

Contrast Checker

Text on white

4,95:1

AA Pass AAA Fail

Text on black

4,24:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026