#86980C

Color Details

HEX
#86980C
RGB
rgb(134, 152, 12)
HSL
hsl(68, 85%, 32%)
CMYK
cmyk(12%, 0%, 92%, 40%)
Best text on this color #000000 (CR 6.51:1) Determined by WCAG contrast ratio

Readability Previews

Black on #86980c
Contrast 6.51:1 AA
White on #86980c
Contrast 3.23:1 Fail
#86980c on Black
Contrast 6.51:1 AA
#86980c on White
Contrast 3.23:1 Fail

Tints & Shades

#9ead3d
#b6c16d
#cfd69e
#6b7a0a
#505b07
#363d05

Complement & Analogous

#1f0c97
#3f970c
#97640c

Triadic

#0c8497
#970c84

Monochrome

#363d05 #505b07 #86980c #b6c16d #cfd69e #e7eace

Analogous

#97640c #b69355 #86980c #65ac3d #3f970c #32790a

Complementary Mix

#505b07 #86980c #b6c16d #1f0c97 #6d61bb #140862

Nearby Colors

#86980b
#86980d
#8697fc
#86981c

Embed #86980C swatch

Embed this swatch

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

Open image

About #86980C

#86980C converts to RGB(134, 152, 12) and HSL(68, 85%, 32%). 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).

#86980C FAQs

What is the RGB value of #86980C?
RGB: 134, 152, 12. Copy as CSS: rgb(134, 152, 12)
Is #86980C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #86980C?
Complement: #1f0c97.
Does #86980C have good contrast on white or black?
On white: 3.23:1 (AA (large text)). On black: 6.51:1 (AA (normal text)).