#A87557

#A87557

Color Values

HEX

#A87557

RGB

168, 117, 87

HSL

22.2, 31.8%, 50.0%

HSV

22.2, 48.2%, 65.9%

CMYK

0.0%, 30.4%, 48.2%, 34.1%

OKLCH

0.6074 0.0775 51.2

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#A87557

#578AA8

Analogous

#A85761

#A89E57

#A87557

Triadic

#A87557

#57A875

#7557A8

Split Complementary

#A87557

#57A89E

#5761A8

Tetradic

#A87557

#61A857

#578AA8

#9E57A8

Color Blindness Simulation

Original

#A87557

Protanopia

#92915E

Deuteranopia

#959960

Tritanopia

#A56465

Achromatopsia

#7E7E7E

CSS Usage

background-color: #A87557;
color: #A87557;
border-color: #A87557;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E7D8D0
300
#D5BDAE
400
#BF9983
500
#A87557
600
#865E46
700
#6C4B38
800
#543A2B
900
#3E2D23
950
#271C16

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass AAA Fail

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