#86B14C

Color Details

HEX
#86B14C
RGB
rgb(134, 177, 76)
HSL
hsl(86, 40%, 50%)
CMYK
cmyk(24%, 0%, 57%, 31%)
Best text on this color #000000 (CR 8.41:1) Determined by WCAG contrast ratio

Readability Previews

Black on #86b14c
Contrast 8.41:1 AAA
White on #86b14c
Contrast 2.50:1 Fail
#86b14c on Black
Contrast 8.41:1 AAA
#86b14c on White
Contrast 2.50:1 Fail

Tints & Shades

#9ec170
#b6d094
#cfe0b7
#6b8e3d
#506a2e
#36471e

Complement & Analogous

#794db3
#53b34d
#b3ac4d

Triadic

#4d86b3
#b34d86

Monochrome

#36471e #506a2e #86b14c #b6d094 #cfe0b7 #e7efdb

Analogous

#b3ac4d #cac582 #86b14c #75c271 #53b34d #428f3e

Complementary Mix

#506a2e #86b14c #b6d094 #794db3 #a88bce #4f3274

Nearby Colors

#86b14b
#86b14d
#86b13c
#86b15c

Embed #86B14C swatch

Embed this swatch

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

Open image

About #86B14C

#86B14C converts to RGB(134, 177, 76) and HSL(86, 40%, 50%). 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).

#86B14C FAQs

What is the RGB value of #86B14C?
RGB: 134, 177, 76. Copy as CSS: rgb(134, 177, 76)
Is #86B14C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #86B14C?
Complement: #794db3.
Does #86B14C have good contrast on white or black?
On white: 2.50:1 (Fails AA). On black: 8.41:1 (AAA (normal text)).