#BA9A9B

#BA9A9B

Color Values

HEX

#BA9A9B

RGB

186, 154, 155

HSL

358.1, 18.8%, 66.7%

HSV

358.1, 17.2%, 72.9%

CMYK

0.0%, 17.2%, 16.7%, 27.1%

OKLCH

0.7154 0.0382 16.0

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BA9A9B

#9ABAB9

Analogous

#BA9AAB

#BAA99A

#BA9A9B

Triadic

#BA9A9B

#9BBA9A

#9A9BBA

Split Complementary

#BA9A9B

#9ABAA9

#9AABBA

Tetradic

#BA9A9B

#ABBA9A

#9ABAB9

#A99ABA

Color Blindness Simulation

Original

#BA9A9B

Protanopia

#ACAC9B

Deuteranopia

#AEB09B

Tritanopia

#B89B9B

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEA
200
#E2D5D5
300
#CDB6B7
400
#B28F90
500
#976869
600
#795354
700
#614243
800
#4C3435
900
#392829
950
#24191A

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.18:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026