#547900

Color #547900

A vivid, highly saturated dark green.

Closest named color Olive Drab #6b8e23 · ΔE 8.42 Nearest Tailwind class lime-700 #497d00 · ΔE 2.8

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

Conversions

HEX

#547900

RGB

rgb(84, 121, 0)

HSL

hsl(78.3, 100%, 23.7%)

HSV / HSB

hsv(78.3, 100%, 47.5%)

CMYK

cmyk(30.6%, 0%, 100%, 52.5%)

LAB

lab(46.39, -29.06, 51.1)

LCH

lch(46.39, 58.79, 119.63)

OKLCH

oklch(52.8%, 0.1377, 127.8)

HWB

hwb(78.3, 0%, 52.5%)

Harmony colors

Complementary

#250079

Analogous

#796100

#547900

#187900

Triadic

#547900

#005479

#790054

Split-complementary

#547900

#001879

#610079

Tetradic

#547900

#007925

#250079

#790054

Square

#547900

#007961

#250079

#790018

Shades

Color #547900 mixed toward black.

#466500

#385100

#2a3c00

#1c2800

#0e1400

Tints

Color #547900 mixed toward white.

#81ba00

#aefb00

#c4ff3c

#d7ff7d

#ebffbe

Tones

Color #547900 mixed toward gray.

#506f0a

#4c6514

#485b1e

#445128

#404732

Accessibility

Aa White text on this color

5.11:1

Aa Black text on this color

4.11:1

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

Under color vision deficiencies

Protanopia

#66663d · ΔE 13.8

Deuteranopia

#646144 · ΔE 17.3

Tritanopia

#565155 · ΔE 32.8

Achromatopsia

#6e6e6e · ΔE 25.5

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

Code

CSS

background-color: #547900;

Tailwind (arbitrary value)

bg-[#547900]

Related colors

Olive Drab #6b8e23

Yellow Green #9acd32

Dark Olive Green #556b2f

Green Yellow #adff2f

Chartreuse #7fff00

Lawn Green #7cfc00

Frequently asked questions

#547900 (#547900) is rgb(84, 121, 0) in RGB.

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

Generate a palette → Check contrast