#A77976

#A77976

Color Values

HEX

#A77976

RGB

167, 121, 118

HSL

3.7, 21.8%, 55.9%

HSV

3.7, 29.3%, 65.5%

CMYK

0.0%, 27.5%, 29.3%, 34.5%

OKLCH

0.6211 0.0582 23.1

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#A77976

#76A4A7

Analogous

#A7768C

#A79276

#A77976

Triadic

#A77976

#76A779

#7976A7

Split Complementary

#A77976

#76A792

#768CA7

Tetradic

#A77976

#8CA776

#76A4A7

#9276A7

Color Blindness Simulation

Original

#A77976

Protanopia

#939377

Deuteranopia

#969977

Tritanopia

#A57777

Achromatopsia

#838383

CSS Usage

background-color: #A77976;
color: #A77976;
border-color: #A77976;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F6
100
#F0EAEA
200
#E3D4D4
300
#CFB6B4
400
#B58F8C
500
#9B6764
600
#7C5350
700
#634240
800
#4E3432
900
#3A2827
950
#251919

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

5.64:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026