#ADA483

Color Details

HEX
#ADA483
RGB
rgb(173, 164, 131)
HSL
hsl(47, 20%, 60%)
CMYK
cmyk(0%, 5%, 24%, 32%)
Best text on this color #000000 (CR 8.41:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ada483
Contrast 8.41:1 AAA
White on #ada483
Contrast 2.50:1 Fail
#ada483 on Black
Contrast 8.41:1 AAA
#ada483 on White
Contrast 2.50:1 Fail

Tints & Shades

#bdb69c
#cec8b5
#dedbcd
#8a8369
#68624f
#454234

Complement & Analogous

#858dad
#a3af83
#af8f83

Triadic

#85ada5
#a585ad

Monochrome

#454234 #68624f #ada483 #cec8b5 #dedbcd #efede6

Analogous

#af8f83 #c7b1a8 #ada483 #b5bf9c #a3af83 #828c69

Complementary Mix

#68624f #ada483 #cec8b5 #858dad #b0b5ca #565c70

Nearby Colors

#ada482
#ada484
#ada473
#ada493

Embed #ADA483 swatch

Embed this swatch

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

Open image

About #ADA483

#ADA483 converts to RGB(173, 164, 131) and HSL(47, 20%, 60%). 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).

#ADA483 FAQs

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