#A86B6F

Color Details

HEX
#A86B6F
RGB
rgb(168, 107, 111)
HSL
hsl(356, 26%, 54%)
CMYK
cmyk(0%, 36%, 34%, 34%)
Best text on this color #000000 (CR 5.00:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a86b6f
Contrast 5.00:1 AA
White on #a86b6f
Contrast 4.20:1 Fail
#a86b6f on Black
Contrast 5.00:1 AA
#a86b6f on White
Contrast 4.20:1 Fail

Tints & Shades

#b9898c
#cba6a9
#dcc4c5
#865659
#654043
#432b2c

Complement & Analogous

#6ba8a4
#a8866b
#a86b8e

Triadic

#6fa86b
#6b6fa8

Monochrome

#432b2c #654043 #a86b6f #cba6a9 #dcc4c5 #eee1e2

Analogous

#a86b8e #c297b0 #a86b6f #b99e89 #a8866b #866b56

Complementary Mix

#654043 #a86b6f #cba6a9 #6ba8a4 #9fc6c4 #466d6b

Nearby Colors

#a86b6e
#a86b70
#a86b5f
#a86b7f

Embed #A86B6F swatch

Embed this swatch

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

Open image

About #A86B6F

#A86B6F converts to RGB(168, 107, 111) and HSL(356, 26%, 54%). 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).

#A86B6F FAQs

What is the RGB value of #A86B6F?
RGB: 168, 107, 111. Copy as CSS: rgb(168, 107, 111)
Is #A86B6F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A86B6F?
Complement: #6ba8a4.
Does #A86B6F have good contrast on white or black?
On white: 4.20:1 (AA (large text)). On black: 5.00:1 (AA (normal text)).