#BA5E07

#BA5E07

Color Values

HEX

#BA5E07

RGB

186, 94, 7

HSL

29.2, 92.7%, 37.8%

HSV

29.2, 96.2%, 72.9%

CMYK

0.0%, 49.5%, 96.2%, 27.1%

OKLCH

0.5815 0.144 53.7

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BA5E07

#0763BA

Analogous

#BA0709

#BAB707

#BA5E07

Triadic

#BA5E07

#07BA5E

#5E07BA

Split Complementary

#BA5E07

#07BAB7

#0709BA

Tetradic

#BA5E07

#09BA07

#0763BA

#B707BA

Color Blindness Simulation

Original

#BA5E07

Protanopia

#92911C

Deuteranopia

#989E21

Tritanopia

#B52D30

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDABA
300
#FBC089
400
#F89E49
500
#F67C09
600
#C56307
700
#9D5006
800
#7B3E05
900
#592F08
950
#381E05

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

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