#BA7A23

#BA7A23

Color Values

HEX

#BA7A23

RGB

186, 122, 35

HSL

34.6, 68.3%, 43.3%

HSV

34.6, 81.2%, 72.9%

CMYK

0.0%, 34.4%, 81.2%, 27.1%

OKLCH

0.6322 0.125 69.1

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BA7A23

#2363BA

Analogous

#BA2F23

#AEBA23

#BA7A23

Triadic

#BA7A23

#23BA7A

#7A23BA

Split Complementary

#BA7A23

#23AEBA

#2F23BA

Tetradic

#BA7A23

#23BA2F

#2363BA

#BA23AE

Color Blindness Simulation

Original

#BA7A23

Protanopia

#9E9E38

Deuteranopia

#A2A73D

Tritanopia

#B7494C

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EFE3
200
#F4DFC3
300
#ECC898
400
#E1AB60
500
#D78D28
600
#AC7120
700
#895A1A
800
#6B4614
900
#4E3513
950
#31210C

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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