#A6AF7B

Color Details

HEX
#A6AF7B
RGB
rgb(166, 175, 123)
HSL
hsl(70, 25%, 58%)
CMYK
cmyk(5%, 0%, 30%, 31%)
Best text on this color #000000 (CR 9.04:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a6af7b
Contrast 9.04:1 AAA
White on #a6af7b
Contrast 2.32:1 Fail
#a6af7b on Black
Contrast 9.04:1 AAA
#a6af7b on White
Contrast 2.32:1 Fail

Tints & Shades

#b8bf95
#cacfb0
#dbdfca
#858c62
#64694a
#424631

Complement & Analogous

#8279af
#8baf79
#af9d79

Triadic

#79a6af
#af79a6

Monochrome

#424631 #64694a #a6af7b #cacfb0 #dbdfca #edefe5

Analogous

#af9d79 #c7baa1 #a6af7b #a2bf94 #8baf79 #6f8c61

Complementary Mix

#64694a #a6af7b #cacfb0 #8279af #aea8cb #554f72

Nearby Colors

#a6af7a
#a6af7c
#a6af6b
#a6af8b

Embed #A6AF7B swatch

Embed this swatch

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

Open image

About #A6AF7B

#A6AF7B converts to RGB(166, 175, 123) and HSL(70, 25%, 58%). 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).

#A6AF7B FAQs

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