#BA9D8D

#BA9D8D

Color Values

HEX

#BA9D8D

RGB

186, 157, 141

HSL

21.3, 24.6%, 64.1%

HSV

21.3, 24.2%, 72.9%

CMYK

0.0%, 15.6%, 24.2%, 27.1%

OKLCH

0.7176 0.0414 50.6

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#BA9D8D

#8DAABA

Analogous

#BA8D93

#BAB38D

#BA9D8D

Triadic

#BA9D8D

#8DBA9D

#9D8DBA

Split Complementary

#BA9D8D

#8DBAB3

#8D93BA

Tetradic

#BA9D8D

#93BA8D

#8DAABA

#B38DBA

Color Blindness Simulation

Original

#BA9D8D

Protanopia

#ADAD91

Deuteranopia

#AFB192

Tritanopia

#B99495

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E4D9D3
300
#D1BDB3
400
#B89A89
500
#9F7660
600
#7F5F4D
700
#664C3E
800
#4F3B30
900
#3B2D26
950
#251D18

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.3:1

AA Pass AAA Pass

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