#506720

Color #506720

A moderately saturated dark green.

Closest named color Dark Olive Green #556b2f · ΔE 5.82 Nearest Tailwind class lime-800 #3c6300 · ΔE 4.6

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

Conversions

HEX

#506720

RGB

rgb(80, 103, 32)

HSL

hsl(79.4, 52.6%, 26.5%)

HSV / HSB

hsv(79.4, 68.9%, 40.4%)

CMYK

cmyk(22.3%, 0%, 68.9%, 59.6%)

LAB

lab(40.43, -20.33, 35.93)

LCH

lch(40.43, 41.28, 119.5)

OKLCH

oklch(47.9%, 0.1005, 125.4)

HWB

hwb(79.4, 12.5%, 59.6%)

Harmony colors

Complementary

#372067

Analogous

#675b20

#506720

#2d6720

Triadic

#506720

#205067

#672050

Split-complementary

#506720

#202d67

#5b2067

Tetradic

#506720

#206737

#372067

#672050

Square

#506720

#20675b

#372067

#67202d

Shades

Color #506720 mixed toward black.

#43561b

#354515

#283410

#1b220b

#0d1105

Tints

Color #506720 mixed toward white.

#75972f

#99c440

#b3d370

#cce1a0

#e6f0cf

Tones

Color #506720 mixed toward gray.

#4e6126

#4c5b2c

#4a5532

#484f38

#46493e

Accessibility

Aa White text on this color

6.36:1

Aa Black text on this color

3.3:1

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

Under color vision deficiencies

Protanopia

#5b5b3b · ΔE 10.6

Deuteranopia

#595840 · ΔE 13.2

Tritanopia

#51494c · ΔE 29.3

Achromatopsia

#5f5f5f · ΔE 22.2

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

Code

CSS

background-color: #506720;

Tailwind (arbitrary value)

bg-[#506720]

Related colors

Olive Drab #6b8e23

Yellow Green #9acd32

Dark Olive Green #556b2f

Green Yellow #adff2f

Chartreuse #7fff00

Lawn Green #7cfc00

Frequently asked questions

#506720 (#506720) is rgb(80, 103, 32) in RGB.

No, #506720 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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 #506720, or check how it holds up for accessibility.

Generate a palette → Check contrast