#4d6422

Color #4d6422

A moderately saturated dark green.

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

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

Conversions

HEX

#4d6422

RGB

rgb(77, 100, 34)

HSL

hsl(80.9, 49.3%, 26.3%)

HSV / HSB

hsv(80.9, 66%, 39.2%)

CMYK

cmyk(23%, 0%, 66%, 60.8%)

LAB

lab(39.25, -19.9, 33.66)

LCH

lch(39.25, 39.1, 120.59)

OKLCH

oklch(46.9%, 0.096, 126.14)

HWB

hwb(80.9, 13.3%, 60.8%)

Harmony colors

Complementary

#392264

Analogous

#645a22

#4d6422

#2c6422

Triadic

#4d6422

#224d64

#64224d

Split-complementary

#4d6422

#222c64

#5a2264

Tetradic

#4d6422

#226439

#392264

#64224d

Square

#4d6422

#22645a

#392264

#64222c

Shades

Color #4d6422 mixed toward black.

#40531c

#334317

#273211

#1a210b

#0d1106

Tints

Color #4d6422 mixed toward white.

#719332

#94bf44

#afcf73

#cadfa1

#e4efd0

Tones

Color #4d6422 mixed toward gray.

#4b5f28

#4a592d

#485433

#464e38

#45493e

Accessibility

Aa White text on this color

6.64:1

Aa Black text on this color

3.16:1

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

Under color vision deficiencies

Protanopia

#58583a · ΔE 10.6

Deuteranopia

#56553f · ΔE 13.2

Tritanopia

#4e484a · ΔE 27.4

Achromatopsia

#5c5c5c · ΔE 21.7

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

Code

CSS

background-color: #4d6422;

Tailwind (arbitrary value)

bg-[#4d6422]

Related colors

Dark Olive Green #556b2f

Yellow Green #9acd32

Olive Drab #6b8e23

Green Yellow #adff2f

Chartreuse #7fff00

Lawn Green #7cfc00

Frequently asked questions

#4d6422 (#4d6422) is rgb(77, 100, 34) in RGB.

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

Generate a palette → Check contrast