#BA7C21

#BA7C21

Color Values

HEX

#BA7C21

RGB

186, 124, 33

HSL

35.7, 69.9%, 42.9%

HSV

35.7, 82.3%, 72.9%

CMYK

0.0%, 33.3%, 82.3%, 27.1%

OKLCH

0.6358 0.1257 71.0

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#BA7C21

#215FBA

Analogous

#BA2F21

#ABBA21

#BA7C21

Triadic

#BA7C21

#21BA7C

#7C21BA

Split Complementary

#BA7C21

#21ABBA

#2F21BA

Tetradic

#BA7C21

#21BA2F

#215FBA

#BA21AB

Color Blindness Simulation

Original

#BA7C21

Protanopia

#9F9F37

Deuteranopia

#A3A73C

Tritanopia

#B7484C

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EFE3
200
#F4E0C2
300
#EDCA97
400
#E3AD5F
500
#D99026
600
#AD741F
700
#8B5C19
800
#6C4813
900
#4F3612
950
#32220B

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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