#5F812C

Color Details

HEX
#5F812C
RGB
rgb(95, 129, 44)
HSL
hsl(84, 49%, 34%)
CMYK
cmyk(26%, 0%, 66%, 49%)
Best text on this color #000000 (CR 4.66:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5f812c
Contrast 4.66:1 AA
White on #5f812c
Contrast 4.50:1 AA
#5f812c on Black
Contrast 4.66:1 AA
#5f812c on White
Contrast 4.50:1 AA

Tints & Shades

#7f9a56
#9fb380
#bfcdab
#4c6723
#394d1a
#263412

Complement & Analogous

#4e2c81
#35812c
#81792c

Triadic

#2c5f81
#812c5f

Monochrome

#263412 #394d1a #5f812c #9fb380 #bfcdab #dfe6d5

Analogous

#81792c #a7a16b #5f812c #5d9a56 #35812c #2a6723

Complementary Mix

#394d1a #5f812c #9fb380 #4e2c81 #8c76ad #331d54

Nearby Colors

#5f812b
#5f812d
#5f811c
#5f813c

Embed #5F812C swatch

Embed this swatch

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

Open image

About #5F812C

#5F812C converts to RGB(95, 129, 44) and HSL(84, 49%, 34%). 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).

#5F812C FAQs

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