#ABBD6C

Color Details

HEX
#ABBD6C
RGB
rgb(171, 189, 108)
HSL
hsl(73, 38%, 58%)
CMYK
cmyk(10%, 0%, 43%, 26%)
Best text on this color #000000 (CR 10.23:1) Determined by WCAG contrast ratio

Readability Previews

Black on #abbd6c
Contrast 10.23:1 AAA
White on #abbd6c
Contrast 2.05:1 Fail
#abbd6c on Black
Contrast 10.23:1 AAA
#abbd6c on White
Contrast 2.05:1 Fail

Tints & Shades

#bcca89
#cdd7a7
#dde5c4
#899756
#677141
#444c2b

Complement & Analogous

#7d6bbd
#82bd6b
#bda66b

Triadic

#6babbd
#bd6bab

Monochrome

#444c2b #677141 #abbd6c #cdd7a7 #dde5c4 #eef2e2

Analogous

#bda66b #d1c197 #abbd6c #9bca89 #82bd6b #689756

Complementary Mix

#677141 #abbd6c #cdd7a7 #7d6bbd #ab9fd4 #51467b

Nearby Colors

#abbd6b
#abbd6d
#abbd5c
#abbd7c

Embed #ABBD6C swatch

Embed this swatch

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

Open image

About #ABBD6C

#ABBD6C converts to RGB(171, 189, 108) and HSL(73, 38%, 58%). 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).

#ABBD6C FAQs

What is the RGB value of #ABBD6C?
RGB: 171, 189, 108. Copy as CSS: rgb(171, 189, 108)
Is #ABBD6C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #ABBD6C?
Complement: #7d6bbd.
Does #ABBD6C have good contrast on white or black?
On white: 2.05:1 (Fails AA). On black: 10.23:1 (AAA (normal text)).