#BA7323

#BA7323

Color Values

HEX

#BA7323

RGB

186, 115, 35

HSL

31.8, 68.3%, 43.3%

HSV

31.8, 81.2%, 72.9%

CMYK

0.0%, 38.2%, 81.2%, 27.1%

OKLCH

0.6192 0.1266 63.7

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BA7323

#236ABA

Analogous

#BA2823

#B5BA23

#BA7323

Triadic

#BA7323

#23BA73

#7323BA

Split Complementary

#BA7323

#23B5BA

#2823BA

Tetradic

#BA7323

#23BA28

#236ABA

#BA23B5

Color Blindness Simulation

Original

#BA7323

Protanopia

#9B9B36

Deuteranopia

#9FA53B

Tritanopia

#B64649

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DDC3
300
#ECC498
400
#E1A560
500
#D78528
600
#AC6A20
700
#89551A
800
#6B4214
900
#4E3213
950
#31200C

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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