#BA7208

#BA7208

Color Values

HEX

#BA7208

RGB

186, 114, 8

HSL

35,7, 91,8%, 38,0%

HSV

35,7, 95,7%, 72,9%

CMYK

0,0%, 38,7%, 95,7%, 27,1%

OKLCH

0,6162 0,1346 66,6

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#BA7208

#0850BA

Analogous

#BA1908

#A9BA08

#BA7208

Triadic

#BA7208

#08BA72

#7208BA

Split Complementary

#BA7208

#08A9BA

#1908BA

Tetradic

#BA7208

#08BA19

#0850BA

#BA08A9

Color Blindness Simulation

Original

#BA7208

Protanopia

#9B9A22

Deuteranopia

#9FA428

Tritanopia

#B6363A

Achromatopsia

#7A7A7A

CSS Usage

background-color: #BA7208;
color: #BA7208;
border-color: #BA7208;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDF8F1
100
#FBF0DF
200
#FCE2BB
300
#FACC8A
400
#F7B14A
500
#F5960A
600
#C47808
700
#9D6007
800
#7A4B05
900
#583808
950
#382305

Contrast Checker

Text on white

3,82:1

AA Fail AAA Fail

Text on black

5,5:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026