#86B35C

Color Details

HEX
#86B35C
RGB
rgb(134, 179, 92)
HSL
hsl(91, 36%, 53%)
CMYK
cmyk(25%, 0%, 49%, 30%)
Best text on this color #000000 (CR 8.62:1) Determined by WCAG contrast ratio

Readability Previews

Black on #86b35c
Contrast 8.62:1 AAA
White on #86b35c
Contrast 2.44:1 Fail
#86b35c on Black
Contrast 8.62:1 AAA
#86b35c on White
Contrast 2.44:1 Fail

Tints & Shades

#9ec27d
#b6d19d
#cfe1be
#6b8f4a
#506b37
#364825

Complement & Analogous

#895cb2
#5cb25d
#b1b25c

Triadic

#5c86b2
#b25c86

Monochrome

#364825 #506b37 #86b35c #b6d19d #cfe1be #e7f0de

Analogous

#b1b25c #c8c98d #86b35c #7dc17d #5cb25d #4a8e4a

Complementary Mix

#506b37 #86b35c #b6d19d #895cb2 #b295cd #593c74

Nearby Colors

#86b35b
#86b35d
#86b34c
#86b36c

Embed #86B35C swatch

Embed this swatch

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

Open image

About #86B35C

#86B35C converts to RGB(134, 179, 92) and HSL(91, 36%, 53%). 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).

#86B35C FAQs

What is the RGB value of #86B35C?
RGB: 134, 179, 92. Copy as CSS: rgb(134, 179, 92)
Is #86B35C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #86B35C?
Complement: #895cb2.
Does #86B35C have good contrast on white or black?
On white: 2.44:1 (Fails AA). On black: 8.62:1 (AAA (normal text)).