#A86D1F

Color Details

HEX
#A86D1F
RGB
rgb(168, 109, 31)
HSL
hsl(34, 69%, 39%)
CMYK
cmyk(0%, 35%, 82%, 34%)
Best text on this color #000000 (CR 4.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a86d1f
Contrast 4.87:1 AA
White on #a86d1f
Contrast 4.31:1 Fail
#a86d1f on Black
Contrast 4.87:1 AA
#a86d1f on White
Contrast 4.31:1 Fail

Tints & Shades

#b98a4c
#cba779
#dcc5a5
#865719
#654113
#432c0c

Complement & Analogous

#1f5aa8
#9fa81f
#a8281f

Triadic

#1fa86d
#6d1fa8

Monochrome

#432c0c #654113 #a86d1f #cba779 #dcc5a5 #eee2d2

Analogous

#a8281f #c26962 #a86d1f #b2b94c #9fa81f #7f8619

Complementary Mix

#654113 #a86d1f #cba779 #1f5aa8 #6d94c6 #143b6d

Nearby Colors

#a86d1e
#a86d20
#a86d0f
#a86d2f

Embed #A86D1F swatch

Embed this swatch

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

Open image

About #A86D1F

#A86D1F converts to RGB(168, 109, 31) and HSL(34, 69%, 39%). 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).

#A86D1F FAQs

What is the RGB value of #A86D1F?
RGB: 168, 109, 31. Copy as CSS: rgb(168, 109, 31)
Is #A86D1F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A86D1F?
Complement: #1f5aa8.
Does #A86D1F have good contrast on white or black?
On white: 4.31:1 (AA (large text)). On black: 4.87:1 (AA (normal text)).