#BA918A

#BA918A

Color Values

HEX

#BA918A

RGB

186, 145, 138

HSL

8.8, 25.8%, 63.5%

HSV

8.8, 25.8%, 72.9%

CMYK

0.0%, 22.0%, 25.8%, 27.1%

OKLCH

0.6932 0.051 29.6

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BA918A

#8AB3BA

Analogous

#BA8A9B

#BAA98A

#BA918A

Triadic

#BA918A

#8ABA91

#918ABA

Split Complementary

#BA918A

#8ABAA9

#8A9BBA

Tetradic

#BA918A

#9BBA8A

#8AB3BA

#A98ABA

Color Blindness Simulation

Original

#BA918A

Protanopia

#A8A88C

Deuteranopia

#ABAE8C

Tritanopia

#B88D8D

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EAE9
200
#E5D5D2
300
#D2B7B2
400
#B98F88
500
#A0685F
600
#80534C
700
#67433D
800
#50342F
900
#3C2825
950
#261A17

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026