#BA6212

#BA6212

Color Values

HEX

#BA6212

RGB

186, 98, 18

HSL

28.6, 82.4%, 40.0%

HSV

28.6, 90.3%, 72.9%

CMYK

0.0%, 47.3%, 90.3%, 27.1%

OKLCH

0.5885 0.1396 54.9

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BA6212

#126ABA

Analogous

#BA1216

#BAB612

#BA6212

Triadic

#BA6212

#12BA62

#6212BA

Split Complementary

#BA6212

#12BAB6

#1216BA

Tetradic

#BA6212

#16BA12

#126ABA

#B612BA

Color Blindness Simulation

Original

#BA6212

Protanopia

#949325

Deuteranopia

#99A02A

Tritanopia

#B63538

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEDE1
200
#F9DABE
300
#F4BF8F
400
#EE9D53
500
#E97B16
600
#BA6212
700
#954E0E
800
#743D0B
900
#542F0D
950
#351E08

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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