#BA8F7F

#BA8F7F

Color Values

HEX

#BA8F7F

RGB

186, 143, 127

HSL

16.3, 29.9%, 61.4%

HSV

16.3, 31.7%, 72.9%

CMYK

0.0%, 23.1%, 31.7%, 27.1%

OKLCH

0.6865 0.0574 41.3

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#BA8F7F

#7FAABA

Analogous

#BA7F8D

#BAAD7F

#BA8F7F

Triadic

#BA8F7F

#7FBA8F

#8F7FBA

Split Complementary

#BA8F7F

#7FBAAD

#7F8DBA

Tetradic

#BA8F7F

#8DBA7F

#7FAABA

#AD7FBA

Color Blindness Simulation

Original

#BA8F7F

Protanopia

#A7A783

Deuteranopia

#AAAD84

Tritanopia

#B88687

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F9F6F5
100
#F2EBE9
200
#E6D6D1
300
#D4B9B0
400
#BD9484
500
#A66E59
600
#845848
700
#6A4639
800
#53372D
900
#3D2A23
950
#271B16

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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