#5F811C

Color Details

HEX
#5F811C
RGB
rgb(95, 129, 28)
HSL
hsl(80, 64%, 31%)
CMYK
cmyk(26%, 0%, 78%, 49%)
Best text on this color #000000 (CR 4.64:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5f811c
Contrast 4.64:1 AA
White on #5f811c
Contrast 4.52:1 AA
#5f811c on Black
Contrast 4.64:1 AA
#5f811c on White
Contrast 4.52:1 AA

Tints & Shades

#7f9a49
#9fb377
#bfcda4
#4c6716
#394d11
#26340b

Complement & Analogous

#3e1c82
#2d821c
#82711c

Triadic

#1c6082
#821c60

Monochrome

#26340b #394d11 #5f811c #9fb377 #bfcda4 #dfe6d2

Analogous

#82711c #a89c60 #5f811c #579b49 #2d821c #246816

Complementary Mix

#394d11 #5f811c #9fb377 #3e1c82 #826bae #281255

Nearby Colors

#5f811b
#5f811d
#5f810c
#5f812c

Embed #5F811C swatch

Embed this swatch

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

Open image

About #5F811C

#5F811C converts to RGB(95, 129, 28) and HSL(80, 64%, 31%). 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).

#5F811C FAQs

What is the RGB value of #5F811C?
RGB: 95, 129, 28. Copy as CSS: rgb(95, 129, 28)
Is #5F811C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5F811C?
Complement: #3e1c82.
Does #5F811C have good contrast on white or black?
On white: 4.52:1 (AA (normal text)). On black: 4.64:1 (AA (normal text)).