#A8A77D

Color Details

HEX
#A8A77D
RGB
rgb(168, 167, 125)
HSL
hsl(59, 20%, 57%)
CMYK
cmyk(0%, 1%, 26%, 34%)
Best text on this color #000000 (CR 8.49:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a8a77d
Contrast 8.49:1 AAA
White on #a8a77d
Contrast 2.47:1 Fail
#a8a77d on Black
Contrast 8.49:1 AAA
#a8a77d on White
Contrast 2.47:1 Fail

Tints & Shades

#b9b997
#cbcab1
#dcdccb
#868664
#65644b
#434332

Complement & Analogous

#7b7ca7
#92a979
#a99179

Triadic

#7ba7a7
#a77ba7

Monochrome

#434332 #65644b #a8a77d #cbcab1 #dcdccb #eeede5

Analogous

#a99179 #c3b2a1 #a8a77d #a8ba94 #92a979 #758761

Complementary Mix

#65644b #a8a77d #cbcab1 #7b7ca7 #a9aac6 #50516d

Nearby Colors

#a8a77c
#a8a77e
#a8a76d
#a8a78d

Embed #A8A77D swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #A8A77D

#A8A77D converts to RGB(168, 167, 125) and HSL(59, 20%, 57%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#A8A77D FAQs

What is the RGB value of #A8A77D?
RGB: 168, 167, 125. Copy as CSS: rgb(168, 167, 125)
Is #A8A77D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A8A77D?
Complement: #7b7ca7.
Does #A8A77D have good contrast on white or black?
On white: 2.47:1 (Fails AA). On black: 8.49:1 (AAA (normal text)).