#BAA286

#BAA286

Color Values

HEX

#BAA286

RGB

186, 162, 134

HSL

32.3, 27.4%, 62.7%

HSV

32.3, 28.0%, 72.9%

CMYK

0.0%, 12.9%, 28.0%, 27.1%

OKLCH

0.726 0.048 71.3

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#BAA286

#869EBA

Analogous

#BA8886

#B8BA86

#BAA286

Triadic

#BAA286

#86BAA2

#A286BA

Split Complementary

#BAA286

#86B8BA

#8886BA

Tetradic

#BAA286

#86BA88

#869EBA

#BA86B8

Color Blindness Simulation

Original

#BAA286

Protanopia

#B0AF8D

Deuteranopia

#B1B38E

Tritanopia

#B99293

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDE9
200
#E5DCD2
300
#D3C3B1
400
#BBA387
500
#A2825D
600
#82684A
700
#68533B
800
#51412E
900
#3C3125
950
#261F17

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.6:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026