#BA9D78

#BA9D78

Color Values

HEX

#BA9D78

RGB

186, 157, 120

HSL

33.6, 32.4%, 60.0%

HSV

33.6, 35.5%, 72.9%

CMYK

0.0%, 15.6%, 35.5%, 27.1%

OKLCH

0.7128 0.0612 73.4

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#BA9D78

#7895BA

Analogous

#BA7C78

#B6BA78

#BA9D78

Triadic

#BA9D78

#78BA9D

#9D78BA

Split Complementary

#BA9D78

#78B6BA

#7C78BA

Tetradic

#BA9D78

#78BA7C

#7895BA

#BA78B6

Color Blindness Simulation

Original

#BA9D78

Protanopia

#ADAD81

Deuteranopia

#AFB183

Tritanopia

#B9888A

Achromatopsia

#A0A0A0

CSS Usage

background-color: #BA9D78;
color: #BA9D78;
border-color: #BA9D78;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F8F5
100
#F2EEE8
200
#E7DDD0
300
#D6C4AE
400
#BFA482
500
#A98456
600
#876A45
700
#6C5537
800
#54422B
900
#3F3222
950
#282016

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.18:1

AA Pass AAA Pass

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