#BA8379

#BA8379

Color Values

HEX

#BA8379

RGB

186, 131, 121

HSL

9.2, 32.0%, 60.2%

HSV

9.2, 34.9%, 72.9%

CMYK

0.0%, 29.6%, 34.9%, 27.1%

OKLCH

0.6622 0.0702 30.5

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BA8379

#79B0BA

Analogous

#BA7990

#BAA379

#BA8379

Triadic

#BA8379

#79BA83

#8379BA

Split Complementary

#BA8379

#79BAA3

#7990BA

Tetradic

#BA8379

#90BA79

#79B0BA

#A379BA

Color Blindness Simulation

Original

#BA8379

Protanopia

#A2A27B

Deuteranopia

#A5AA7C

Tritanopia

#B77D7E

Achromatopsia

#8E8E8E

CSS Usage

background-color: #BA8379;
color: #BA8379;
border-color: #BA8379;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#F9F6F5
100
#F2EAE8
200
#E7D3D0
300
#D5B4AE
400
#BF8C82
500
#A86357
600
#874F45
700
#6C3F37
800
#54322B
900
#3E2722
950
#271816

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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