#A77F7F

#A77F7F

Color Values

HEX

#A77F7F

RGB

167, 127, 127

HSL

0.0, 18.5%, 57.6%

HSV

0.0, 24.0%, 65.5%

CMYK

0.0%, 24.0%, 24.0%, 34.5%

OKLCH

0.6352 0.0498 18.6

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#A77F7F

#7FA7A7

Analogous

#A77F93

#A7937F

#A77F7F

Triadic

#A77F7F

#7FA77F

#7F7FA7

Split Complementary

#A77F7F

#7FA793

#7F93A7

Tetradic

#A77F7F

#93A77F

#7FA7A7

#937FA7

Color Blindness Simulation

Original

#A77F7F

Protanopia

#96957F

Deuteranopia

#989B7F

Tritanopia

#A57F7F

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEA
200
#E2D5D5
300
#CDB6B6
400
#B28F8F
500
#976868
600
#795353
700
#614343
800
#4C3434
900
#392828
950
#241A1A

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

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