#86A61C

Color Details

HEX
#86A61C
RGB
rgb(134, 166, 28)
HSL
hsl(74, 71%, 38%)
CMYK
cmyk(19%, 0%, 83%, 35%)
Best text on this color #000000 (CR 7.48:1) Determined by WCAG contrast ratio

Readability Previews

Black on #86a61c
Contrast 7.48:1 AAA
White on #86a61c
Contrast 2.81:1 Fail
#86a61c on Black
Contrast 7.48:1 AAA
#86a61c on White
Contrast 2.81:1 Fail

Tints & Shades

#9eb849
#b6ca77
#cfdba4
#6b8516
#506411
#36420b

Complement & Analogous

#3c1ca6
#41a61c
#a6811c

Triadic

#1c86a6
#a61c86

Monochrome

#36420b #506411 #86a61c #b6ca77 #cfdba4 #e7edd2

Analogous

#a6811c #c1a760 #86a61c #67b849 #41a61c #348516

Complementary Mix

#506411 #86a61c #b6ca77 #3c1ca6 #806bc5 #27126c

Nearby Colors

#86a61b
#86a61d
#86a60c
#86a62c

Embed #86A61C swatch

Embed this swatch

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

Open image

About #86A61C

#86A61C converts to RGB(134, 166, 28) and HSL(74, 71%, 38%). 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).

#86A61C FAQs

What is the RGB value of #86A61C?
RGB: 134, 166, 28. Copy as CSS: rgb(134, 166, 28)
Is #86A61C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #86A61C?
Complement: #3c1ca6.
Does #86A61C have good contrast on white or black?
On white: 2.81:1 (Fails AA). On black: 7.48:1 (AAA (normal text)).