#AAAF6E

Color Details

HEX
#AAAF6E
RGB
rgb(170, 175, 110)
HSL
hsl(65, 29%, 56%)
CMYK
cmyk(3%, 0%, 37%, 31%)
Best text on this color #000000 (CR 9.07:1) Determined by WCAG contrast ratio

Readability Previews

Black on #aaaf6e
Contrast 9.07:1 AAA
White on #aaaf6e
Contrast 2.32:1 Fail
#aaaf6e on Black
Contrast 9.07:1 AAA
#aaaf6e on White
Contrast 2.32:1 Fail

Tints & Shades

#bbbf8b
#cccfa8
#dddfc5
#888c58
#666942
#44462c

Complement & Analogous

#746eaf
#89af6e
#af946e

Triadic

#6eaaaf
#af6eaa

Monochrome

#44462c #666942 #aaaf6e #cccfa8 #dddfc5 #eeefe2

Analogous

#af946e #c7b49a #aaaf6e #a1bf8b #89af6e #6e8c58

Complementary Mix

#666942 #aaaf6e #cccfa8 #746eaf #a5a1cb #4b4872

Nearby Colors

#aaaf6d
#aaaf6f
#aaaf5e
#aaaf7e

Embed #AAAF6E swatch

Embed this swatch

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

Open image

About #AAAF6E

#AAAF6E converts to RGB(170, 175, 110) and HSL(65, 29%, 56%). 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).

#AAAF6E FAQs

What is the RGB value of #AAAF6E?
RGB: 170, 175, 110. Copy as CSS: rgb(170, 175, 110)
Is #AAAF6E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AAAF6E?
Complement: #746eaf.
Does #AAAF6E have good contrast on white or black?
On white: 2.32:1 (Fails AA). On black: 9.07:1 (AAA (normal text)).