#ACB49D

Color Details

HEX
#ACB49D
RGB
rgb(172, 180, 157)
HSL
hsl(81, 13%, 66%)
CMYK
cmyk(4%, 0%, 13%, 29%)
Best text on this color #000000 (CR 9.77:1) Determined by WCAG contrast ratio

Readability Previews

Black on #acb49d
Contrast 9.77:1 AAA
White on #acb49d
Contrast 2.15:1 Fail
#acb49d on Black
Contrast 9.77:1 AAA
#acb49d on White
Contrast 2.15:1 Fail

Tints & Shades

#bdc3b1
#cdd2c4
#dee1d8
#8a907e
#676c5e
#45483f

Complement & Analogous

#a59db4
#9bbb95
#bbb695

Triadic

#9dacb4
#b49dac

Monochrome

#45483f #676c5e #acb49d #cdd2c4 #dee1d8 #eef0eb

Analogous

#bbb695 #cfccb5 #acb49d #afc9aa #9bbb95 #7c9677

Complementary Mix

#676c5e #acb49d #cdd2c4 #a59db4 #c5bfce #6b6675

Nearby Colors

#acb49c
#acb49e
#acb48d
#acb4ad

Embed #ACB49D swatch

Embed this swatch

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

Open image

About #ACB49D

#ACB49D converts to RGB(172, 180, 157) and HSL(81, 13%, 66%). 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).

#ACB49D FAQs

What is the RGB value of #ACB49D?
RGB: 172, 180, 157. Copy as CSS: rgb(172, 180, 157)
Is #ACB49D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #ACB49D?
Complement: #a59db4.
Does #ACB49D have good contrast on white or black?
On white: 2.15:1 (Fails AA). On black: 9.77:1 (AAA (normal text)).