#BA999B

#BA999B

Color Values

HEX

#BA999B

RGB

186, 153, 155

HSL

356.4, 19.3%, 66.5%

HSV

356.4, 17.7%, 72.9%

CMYK

0.0%, 17.7%, 16.7%, 27.1%

OKLCH

0.7134 0.0395 14.0

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BA999B

#99BAB8

Analogous

#BA99AC

#BAA899

#BA999B

Triadic

#BA999B

#9BBA99

#999BBA

Split Complementary

#BA999B

#99BAA8

#99ACBA

Tetradic

#BA999B

#ACBA99

#99BAB8

#A899BA

Color Blindness Simulation

Original

#BA999B

Protanopia

#ACAB9B

Deuteranopia

#AEB09A

Tritanopia

#B89A9A

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEB
200
#E2D4D5
300
#CEB6B7
400
#B38E91
500
#98676A
600
#7A5255
700
#614244
800
#4C3335
900
#392829
950
#24191A

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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