#BA7D21

#BA7D21

Color Values

HEX

#BA7D21

RGB

186, 125, 33

HSL

36.1, 69.9%, 42.9%

HSV

36.1, 82.3%, 72.9%

CMYK

0.0%, 32.8%, 82.3%, 27.1%

OKLCH

0.6377 0.1256 71.7

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#BA7D21

#215EBA

Analogous

#BA3021

#AABA21

#BA7D21

Triadic

#BA7D21

#21BA7D

#7D21BA

Split Complementary

#BA7D21

#21AABA

#3021BA

Tetradic

#BA7D21

#21BA30

#215EBA

#BA21AA

Color Blindness Simulation

Original

#BA7D21

Protanopia

#A09F37

Deuteranopia

#A3A83D

Tritanopia

#B7494D

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EFE3
200
#F4E0C2
300
#EDCA97
400
#E3AE5F
500
#D99226
600
#AD741F
700
#8B5D19
800
#6C4913
900
#4F3712
950
#32230B

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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