#A85B3F

Color Details

HEX
#A85B3F
RGB
rgb(168, 91, 63)
HSL
hsl(16, 45%, 45%)
CMYK
cmyk(0%, 46%, 63%, 34%)
Best text on this color #FFFFFF (CR 4.96:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a85b3f
Contrast 4.23:1 Fail
White on #a85b3f
Contrast 4.96:1 AA
#a85b3f on Black
Contrast 4.23:1 Fail
#a85b3f on White
Contrast 4.96:1 AA

Tints & Shades

#b97c65
#cb9d8c
#dcbdb2
#864932
#653726
#432419

Complement & Analogous

#3f8ba6
#a68e3f
#a63f57

Triadic

#3fa65b
#5b3fa6

Monochrome

#432419 #653726 #a85b3f #cb9d8c #dcbdb2 #eeded9

Analogous

#a63f57 #c17989 #a85b3f #b8a565 #a68e3f #857232

Complementary Mix

#653726 #a85b3f #cb9d8c #3f8ba6 #82b4c5 #295a6c

Nearby Colors

#a85b3e
#a85b40
#a85b2f
#a85b4f

Embed #A85B3F swatch

Embed this swatch

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

Open image

About #A85B3F

#A85B3F converts to RGB(168, 91, 63) and HSL(16, 45%, 45%). 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).

#A85B3F FAQs

What is the RGB value of #A85B3F?
RGB: 168, 91, 63. Copy as CSS: rgb(168, 91, 63)
Is #A85B3F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A85B3F?
Complement: #3f8ba6.
Does #A85B3F have good contrast on white or black?
On white: 4.96:1 (AA (normal text)). On black: 4.23:1 (AA (large text)).