#A87B6E

Color Details

HEX
#A87B6E
RGB
rgb(168, 123, 110)
HSL
hsl(13, 25%, 55%)
CMYK
cmyk(0%, 27%, 35%, 34%)
Best text on this color #000000 (CR 5.72:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a87b6e
Contrast 5.72:1 AA
White on #a87b6e
Contrast 3.67:1 Fail
#a87b6e on Black
Contrast 5.72:1 AA
#a87b6e on White
Contrast 3.67:1 Fail

Tints & Shades

#b9958b
#cbb0a8
#dccac5
#866258
#654a42
#43312c

Complement & Analogous

#709da9
#a99970
#a97080

Triadic

#70a97c
#7c70a9

Monochrome

#43312c #654a42 #a87b6e #cbb0a8 #dccac5 #eee5e2

Analogous

#a97080 #c39ba6 #a87b6e #baad8d #a99970 #877a5a

Complementary Mix

#654a42 #a87b6e #cbb0a8 #709da9 #a2bfc7 #49666e

Nearby Colors

#a87b6d
#a87b6f
#a87b5e
#a87b7e

Embed #A87B6E swatch

Embed this swatch

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

Open image

About #A87B6E

#A87B6E converts to RGB(168, 123, 110) and HSL(13, 25%, 55%). 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).

#A87B6E FAQs

What is the RGB value of #A87B6E?
RGB: 168, 123, 110. Copy as CSS: rgb(168, 123, 110)
Is #A87B6E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A87B6E?
Complement: #709da9.
Does #A87B6E have good contrast on white or black?
On white: 3.67:1 (AA (large text)). On black: 5.72:1 (AA (normal text)).