#BA7224

#BA7224

Color Values

HEX

#BA7224

RGB

186, 114, 36

HSL

31.2, 67.6%, 43.5%

HSV

31.2, 80.6%, 72.9%

CMYK

0.0%, 38.7%, 80.6%, 27.1%

OKLCH

0.6174 0.1264 62.8

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BA7224

#246CBA

Analogous

#BA2724

#B7BA24

#BA7224

Triadic

#BA7224

#24BA72

#7224BA

Split Complementary

#BA7224

#24B7BA

#2724BA

Tetradic

#BA7224

#24BA27

#246CBA

#BA24B7

Color Blindness Simulation

Original

#BA7224

Protanopia

#9B9A37

Deuteranopia

#9FA43B

Tritanopia

#B64649

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DCC3
300
#EBC398
400
#E0A361
500
#D68329
600
#AB6921
700
#89541A
800
#6B4115
900
#4E3213
950
#311F0C

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.52:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026