#ADDA66

Color Details

HEX
#ADDA66
RGB
rgb(173, 218, 102)
HSL
hsl(83, 61%, 63%)
CMYK
cmyk(21%, 0%, 53%, 15%)
Best text on this color #000000 (CR 13.00:1) Determined by WCAG contrast ratio

Readability Previews

Black on #adda66
Contrast 13.00:1 AAA
White on #adda66
Contrast 1.62:1 Fail
#adda66 on Black
Contrast 13.00:1 AAA
#adda66 on White
Contrast 1.62:1 Fail

Tints & Shades

#bde185
#cee9a3
#def0c2
#8aae52
#68833d
#455729

Complement & Analogous

#9367da
#75da67
#dacd67

Triadic

#67aeda
#da67ae

Monochrome

#455729 #68833d #adda66 #cee9a3 #def0c2 #eff8e0

Analogous

#dacd67 #e5dc95 #adda66 #91e185 #75da67 #5eae52

Complementary Mix

#68833d #adda66 #cee9a3 #9367da #b99ce7 #60438e

Nearby Colors

#adda65
#adda67
#adda56
#adda76

Embed #ADDA66 swatch

Embed this swatch

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

Open image

About #ADDA66

#ADDA66 converts to RGB(173, 218, 102) and HSL(83, 61%, 63%). 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).

#ADDA66 FAQs

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