#ADA474

Color Details

HEX
#ADA474
RGB
rgb(173, 164, 116)
HSL
hsl(51, 26%, 57%)
CMYK
cmyk(0%, 5%, 33%, 32%)
Best text on this color #000000 (CR 8.34:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ada474
Contrast 8.34:1 AAA
White on #ada474
Contrast 2.52:1 Fail
#ada474 on Black
Contrast 8.34:1 AAA
#ada474 on White
Contrast 2.52:1 Fail

Tints & Shades

#bdb690
#cec8ac
#dedbc7
#8a835d
#686246
#45422e

Complement & Analogous

#757dae
#9aae75
#ae8975

Triadic

#75aea5
#a575ae

Monochrome

#45422e #686246 #ada474 #cec8ac #dedbc7 #efede3

Analogous

#ae8975 #c6ac9e #ada474 #aebe91 #9aae75 #7b8b5e

Complementary Mix

#686246 #ada474 #cec8ac #757dae #a5abca #4c5171

Nearby Colors

#ada473
#ada475
#ada464
#ada484

Embed #ADA474 swatch

Embed this swatch

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

Open image

About #ADA474

#ADA474 converts to RGB(173, 164, 116) and HSL(51, 26%, 57%). 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).

#ADA474 FAQs

What is the RGB value of #ADA474?
RGB: 173, 164, 116. Copy as CSS: rgb(173, 164, 116)
Is #ADA474 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #ADA474?
Complement: #757dae.
Does #ADA474 have good contrast on white or black?
On white: 2.52:1 (Fails AA). On black: 8.34:1 (AAA (normal text)).