#ADAA66

Color Details

HEX
#ADAA66
RGB
rgb(173, 170, 102)
HSL
hsl(57, 30%, 54%)
CMYK
cmyk(0%, 2%, 41%, 32%)
Best text on this color #000000 (CR 8.72:1) Determined by WCAG contrast ratio

Readability Previews

Black on #adaa66
Contrast 8.72:1 AAA
White on #adaa66
Contrast 2.41:1 Fail
#adaa66 on Black
Contrast 8.72:1 AAA
#adaa66 on White
Contrast 2.41:1 Fail

Tints & Shades

#bdbb85
#cecca3
#deddc2
#8a8852
#68663d
#454429

Complement & Analogous

#676aad
#8dad67
#ad8667

Triadic

#67ada9
#a967ad

Monochrome

#454429 #68663d #adaa66 #cecca3 #deddc2 #efeee0

Analogous

#ad8667 #c6aa95 #adaa66 #a4bd85 #8dad67 #718a52

Complementary Mix

#68663d #adaa66 #cecca3 #676aad #9c9eca #434570

Nearby Colors

#adaa65
#adaa67
#adaa56
#adaa76

Embed #ADAA66 swatch

Embed this swatch

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

Open image

About #ADAA66

#ADAA66 converts to RGB(173, 170, 102) and HSL(57, 30%, 54%). 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).

#ADAA66 FAQs

What is the RGB value of #ADAA66?
RGB: 173, 170, 102. Copy as CSS: rgb(173, 170, 102)
Is #ADAA66 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #ADAA66?
Complement: #676aad.
Does #ADAA66 have good contrast on white or black?
On white: 2.41:1 (Fails AA). On black: 8.72:1 (AAA (normal text)).