#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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026