#BA9A95

#BA9A95

Color Values

HEX

#BA9A95

RGB

186, 154, 149

HSL

8.1, 21.1%, 65.7%

HSV

8.1, 19.9%, 72.9%

CMYK

0.0%, 17.2%, 19.9%, 27.1%

OKLCH

0.7137 0.039 28.5

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BA9A95

#95B5BA

Analogous

#BA95A3

#BAAD95

#BA9A95

Triadic

#BA9A95

#95BA9A

#9A95BA

Split Complementary

#BA9A95

#95BAAD

#95A3BA

Tetradic

#BA9A95

#A3BA95

#95B5BA

#AD95BA

Color Blindness Simulation

Original

#BA9A95

Protanopia

#ACAC96

Deuteranopia

#AEB096

Tritanopia

#B89797

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EBEA
200
#E3D6D4
300
#CFB8B5
400
#B5928D
500
#9A6C65
600
#7C5650
700
#634540
800
#4D3632
900
#3A2A27
950
#241A19

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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