#BA9A92

#BA9A92

Color Values

HEX

#BA9A92

RGB

186, 154, 146

HSL

12.0, 22.5%, 65.1%

HSV

12.0, 21.5%, 72.9%

CMYK

0.0%, 17.2%, 21.5%, 27.1%

OKLCH

0.7129 0.0401 34.4

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BA9A92

#92B2BA

Analogous

#BA929E

#BAAE92

#BA9A92

Triadic

#BA9A92

#92BA9A

#9A92BA

Split Complementary

#BA9A92

#92BAAE

#929EBA

Tetradic

#BA9A92

#9EBA92

#92B2BA

#AE92BA

Color Blindness Simulation

Original

#BA9A92

Protanopia

#ACAC94

Deuteranopia

#AEB094

Tritanopia

#B89596

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EBEA
200
#E3D6D3
300
#D0BAB4
400
#B6948B
500
#9C6E63
600
#7D584F
700
#64473F
800
#4E3731
900
#3A2B27
950
#251B18

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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