#BA7A74

#BA7A74

Color Values

HEX

#BA7A74

RGB

186, 122, 116

HSL

5.1, 33.7%, 59.2%

HSV

5.1, 37.6%, 72.9%

CMYK

0.0%, 34.4%, 37.6%, 27.1%

OKLCH

0.6443 0.0813 25.4

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#BA7A74

#74B4BA

Analogous

#BA7491

#BA9D74

#BA7A74

Triadic

#BA7A74

#74BA7A

#7A74BA

Split Complementary

#BA7A74

#74BA9D

#7491BA

Tetradic

#BA7A74

#91BA74

#74B4BA

#9D74BA

Color Blindness Simulation

Original

#BA7A74

Protanopia

#9E9E75

Deuteranopia

#A2A776

Tritanopia

#B77777

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F2E9E8
200
#E7D1CF
300
#D6B1AD
400
#C08681
500
#AA5C55
600
#884944
700
#6D3B36
800
#552E2A
900
#3F2422
950
#281715

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.12:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026