#516746

Color #516746

A muted dark green.

Closest named color Dark Olive Green #556b2f · ΔE 15.1 Nearest Tailwind class olive-600 #5b5b4b · ΔE 10.9

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#516746

RGB

rgb(81, 103, 70)

HSL

hsl(100, 19.1%, 33.9%)

HSV / HSB

hsv(100, 32%, 40.4%)

CMYK

cmyk(21.4%, 0%, 32%, 59.6%)

LAB

lab(41.04, -15.07, 16.02)

LCH

lch(41.04, 21.99, 133.25)

OKLCH

oklch(48.6%, 0.0575, 135.49)

HWB

hwb(100, 27.5%, 59.6%)

Harmony colors

Complementary

#5c4667

Analogous

#616746

#516746

#46674b

Triadic

#516746

#465167

#674651

Split-complementary

#516746

#4b4667

#674661

Tetradic

#516746

#46675c

#5c4667

#674651

Square

#516746

#466167

#5c4667

#674b46

Shades

Color #516746 mixed toward black.

#43563a

#36452f

#283323

#1b2217

#0d110c

Tints

Color #516746 mixed toward white.

#6b885d

#87a479

#a5bb9b

#c3d2bc

#e1e8de

Tones

Color #516746 mixed toward gray.

#526449

#53614b

#545f4e

#555c51

#565954

Accessibility

Aa White text on this color

6.22:1

Aa Black text on this color

3.38:1

White text reads better on this background (6.22:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#5b5c50 · ΔE 11.7

Deuteranopia

#5a5852 · ΔE 15.4

Tritanopia

#525658 · ΔE 17.7

Achromatopsia

#616161 · ΔE 16.9

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #516746;

Tailwind (arbitrary value)

bg-[#516746]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Green Yellow #adff2f

Dark Olive Green #556b2f

Forest Green #228b22

Mint Green #98ff98

Frequently asked questions

#516746 (#516746) is rgb(81, 103, 70) in RGB.

No, #516746 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #516746, or check how it holds up for accessibility.

Generate a palette → Check contrast