#BAA485

#BAA485

Color Values

HEX

#BAA485

RGB

186, 164, 133

HSL

35.1, 27.7%, 62.5%

HSV

35.1, 28.5%, 72.9%

CMYK

0.0%, 11.8%, 28.5%, 27.1%

OKLCH

0.7299 0.0499 76.3

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#BAA485

#859BBA

Analogous

#BA8985

#B5BA85

#BAA485

Triadic

#BAA485

#85BAA4

#A485BA

Split Complementary

#BAA485

#85B5BA

#8985BA

Tetradic

#BAA485

#85BA89

#859BBA

#BA85B5

Color Blindness Simulation

Original

#BAA485

Protanopia

#B0B08C

Deuteranopia

#B2B38E

Tritanopia

#B99294

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EEE9
200
#E5DDD1
300
#D3C5B1
400
#BBA587
500
#A3865C
600
#826B4A
700
#68553B
800
#51432E
900
#3D3324
950
#262017

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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