#516D0C

Color Details

HEX
#516D0C
RGB
rgb(81, 109, 12)
HSL
hsl(77, 80%, 24%)
CMYK
cmyk(26%, 0%, 89%, 57%)
Best text on this color #FFFFFF (CR 5.93:1) Determined by WCAG contrast ratio

Readability Previews

Black on #516d0c
Contrast 3.54:1 Fail
White on #516d0c
Contrast 5.93:1 AA
#516d0c on Black
Contrast 3.54:1 Fail
#516d0c on White
Contrast 5.93:1 AA

Tints & Shades

#748a3d
#97a76d
#b9c59e
#41570a
#314107
#202c05

Complement & Analogous

#280c6e
#216e0c
#6e590c

Triadic

#0c526e
#6e0c52

Monochrome

#202c05 #314107 #516d0c #97a76d #b9c59e #dce2ce

Analogous

#6e590c #9a8b55 #516d0c #4d8b3d #216e0c #1a580a

Complementary Mix

#314107 #516d0c #97a76d #280c6e #7361a1 #1a0848

Nearby Colors

#516d0b
#516d0d
#516cfc
#516d1c

Embed #516D0C swatch

Embed this swatch

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

Open image

About #516D0C

#516D0C converts to RGB(81, 109, 12) and HSL(77, 80%, 24%). 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).

#516D0C FAQs

What is the RGB value of #516D0C?
RGB: 81, 109, 12. Copy as CSS: rgb(81, 109, 12)
Is #516D0C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #516D0C?
Complement: #280c6e.
Does #516D0C have good contrast on white or black?
On white: 5.93:1 (AA (normal text)). On black: 3.54:1 (AA (large text)).