#BA6107

#BA6107

Color Values

HEX

#BA6107

RGB

186, 97, 7

HSL

30.2, 92.7%, 37.8%

HSV

30.2, 96.2%, 72.9%

CMYK

0.0%, 47.8%, 96.2%, 27.1%

OKLCH

0.5864 0.1421 55.5

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BA6107

#0760BA

Analogous

#BA0807

#B9BA07

#BA6107

Triadic

#BA6107

#07BA61

#6107BA

Split Complementary

#BA6107

#07B9BA

#0807BA

Tetradic

#BA6107

#07BA08

#0760BA

#BA07B9

Color Blindness Simulation

Original

#BA6107

Protanopia

#93931D

Deuteranopia

#999F22

Tritanopia

#B62E32

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDCBA
300
#FBC289
400
#F8A149
500
#F68009
600
#C56707
700
#9D5206
800
#7B4005
900
#593108
950
#381F05

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.8:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026