#BA7745

#BA7745

Color Values

HEX

#BA7745

RGB

186, 119, 69

HSL

25.6, 45.9%, 50.0%

HSV

25.6, 62.9%, 72.9%

CMYK

0.0%, 36.0%, 62.9%, 27.1%

OKLCH

0.6299 0.1068 56.0

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#BA7745

#4588BA

Analogous

#BA454E

#BAB145

#BA7745

Triadic

#BA7745

#45BA77

#7745BA

Split Complementary

#BA7745

#45BAB1

#454EBA

Tetradic

#BA7745

#4EBA45

#4588BA

#B145BA

Color Blindness Simulation

Original

#BA7745

Protanopia

#9D9C51

Deuteranopia

#A1A654

Tritanopia

#B75B5D

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECD9CB
300
#DEBEA6
400
#CC9A75
500
#BA7745
600
#955F37
700
#774C2C
800
#5D3B22
900
#442E1C
950
#2B1D12

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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