#BA8789

#BA8789

Color Values

HEX

#BA8789

RGB

186, 135, 137

HSL

357.6, 27.0%, 62.9%

HSV

357.6, 27.4%, 72.9%

CMYK

0.0%, 27.4%, 26.3%, 27.1%

OKLCH

0.6738 0.0628 16.3

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BA8789

#87BAB8

Analogous

#BA87A2

#BA9E87

#BA8789

Triadic

#BA8789

#89BA87

#8789BA

Split Complementary

#BA8789

#87BA9E

#87A2BA

Tetradic

#BA8789

#A2BA87

#87BAB8

#9E87BA

Color Blindness Simulation

Original

#BA8789

Protanopia

#A4A389

Deuteranopia

#A7AB88

Tritanopia

#B78888

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9E9
200
#E5D2D2
300
#D2B1B3
400
#BA8789
500
#A25D60
600
#824A4D
700
#683C3D
800
#512F30
900
#3C2526
950
#261718

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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