#AD983C

Color Details

HEX
#AD983C
RGB
rgb(173, 152, 60)
HSL
hsl(49, 48%, 46%)
CMYK
cmyk(0%, 12%, 65%, 32%)
Best text on this color #000000 (CR 7.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ad983c
Contrast 7.33:1 AAA
White on #ad983c
Contrast 2.86:1 Fail
#ad983c on Black
Contrast 7.33:1 AAA
#ad983c on White
Contrast 2.86:1 Fail

Tints & Shades

#bdad63
#cec18a
#ded6b1
#8a7a30
#685b24
#453d18

Complement & Analogous

#3d52ae
#8aae3d
#ae613d

Triadic

#3dae99
#993dae

Monochrome

#453d18 #685b24 #ad983c #cec18a #ded6b1 #efead8

Analogous

#ae613d #c69077 #ad983c #a1be64 #8aae3d #6e8b31

Complementary Mix

#685b24 #ad983c #cec18a #3d52ae #818fca #283571

Nearby Colors

#ad983b
#ad983d
#ad982c
#ad984c

Embed #AD983C swatch

Embed this swatch

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

Open image

About #AD983C

#AD983C converts to RGB(173, 152, 60) and HSL(49, 48%, 46%). 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).

#AD983C FAQs

What is the RGB value of #AD983C?
RGB: 173, 152, 60. Copy as CSS: rgb(173, 152, 60)
Is #AD983C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AD983C?
Complement: #3d52ae.
Does #AD983C have good contrast on white or black?
On white: 2.86:1 (Fails AA). On black: 7.33:1 (AAA (normal text)).