#A5BF6C

Color Details

HEX
#A5BF6C
RGB
rgb(165, 191, 108)
HSL
hsl(79, 39%, 59%)
CMYK
cmyk(14%, 0%, 43%, 25%)
Best text on this color #000000 (CR 10.27:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a5bf6c
Contrast 10.27:1 AAA
White on #a5bf6c
Contrast 2.05:1 Fail
#a5bf6c on Black
Contrast 10.27:1 AAA
#a5bf6c on White
Contrast 2.05:1 Fail

Tints & Shades

#b7cc89
#c9d9a7
#dbe5c4
#849956
#637341
#424c2b

Complement & Analogous

#876ebf
#7dbf6e
#bfb06e

Triadic

#6ea5bf
#bf6ea5

Monochrome

#424c2b #637341 #a5bf6c #c9d9a7 #dbe5c4 #edf2e2

Analogous

#bfb06e #d2c89a #a5bf6c #97cc8b #7dbf6e #649958

Complementary Mix

#637341 #a5bf6c #c9d9a7 #876ebf #b1a1d5 #58487c

Nearby Colors

#a5bf6b
#a5bf6d
#a5bf5c
#a5bf7c

Embed #A5BF6C swatch

Embed this swatch

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

Open image

About #A5BF6C

#A5BF6C converts to RGB(165, 191, 108) and HSL(79, 39%, 59%). 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).

#A5BF6C FAQs

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