#AB865F

Color Details

HEX
#AB865F
RGB
rgb(171, 134, 95)
HSL
hsl(31, 31%, 52%)
CMYK
cmyk(0%, 22%, 44%, 33%)
Best text on this color #000000 (CR 6.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ab865f
Contrast 6.31:1 AA
White on #ab865f
Contrast 3.33:1 Fail
#ab865f on Black
Contrast 6.31:1 AA
#ab865f on White
Contrast 3.33:1 Fail

Tints & Shades

#bc9e7f
#cdb69f
#ddcfbf
#896b4c
#675039
#443626

Complement & Analogous

#5f83ab
#a9ab5f
#ab605f

Triadic

#5fab86
#865fab

Monochrome

#443626 #675039 #ab865f #cdb69f #ddcfbf #eee7df

Analogous

#ab605f #c4908f #ab865f #babc7f #a9ab5f #87894c

Complementary Mix

#675039 #ab865f #cdb69f #5f83ab #97aec8 #3e556f

Nearby Colors

#ab865e
#ab8660
#ab864f
#ab866f

Embed #AB865F swatch

Embed this swatch

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

Open image

About #AB865F

#AB865F converts to RGB(171, 134, 95) and HSL(31, 31%, 52%). 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).

#AB865F FAQs

What is the RGB value of #AB865F?
RGB: 171, 134, 95. Copy as CSS: rgb(171, 134, 95)
Is #AB865F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AB865F?
Complement: #5f83ab.
Does #AB865F have good contrast on white or black?
On white: 3.33:1 (AA (large text)). On black: 6.31:1 (AA (normal text)).