CSS named color

DarkGreen #006400

DarkGreen is a dark green with the hex code #006400, which converts to rgb(0, 100, 0). Open #006400 in the converter to tweak it.

DarkGreen color values

How #006400 converts to RGB

Split the hex code into three pairs and read each pair as a base-16 number: 00 → 0, 64 → 100, 00 → 0. That gives rgb(0, 100, 0). The step-by-step guide explains the math.

Shades of DarkGreen

Mixed toward black in 10% steps. Click a swatch to copy its hex.

Tints of DarkGreen

Mixed toward white in 10% steps.

Color harmonies

Hue rotations of DarkGreen on the HSL color wheel, keeping saturation and lightness fixed. The color harmony guide explains when each scheme works.

Complementary

Analogous

Split-complementary

Triadic

Tetradic (square)

Contrast and accessibility

Use white text on a darkgreen background. Test any other pair in the contrast checker; thresholds are explained in the WCAG contrast guide.

Use DarkGreen in CSS

.element {
  color: darkgreen;                         /* keyword */
  background-color: #006400;            /* hex */
  border-color: rgb(0 100 0 / 50%);    /* 50% transparent */
}

Need it semi-transparent? Append an alpha byte: #00640080 is DarkGreen at 50% opacity. See RGBA & transparency.

Similar named colors

FAQ

What is the HEX code for DarkGreen?

The CSS named color darkgreen is #006400 in hexadecimal. In CSS you can write color: darkgreen; or color: #006400; — both produce the same pixel.

What is DarkGreen in RGB?

DarkGreen is rgb(0, 100, 0): red 0, green 100, blue 0 on the 0–255 scale. As normalized 0–1 floats that is (0, 0.392, 0).

Is white or black text more readable on DarkGreen?

White text is more readable. White on #006400 has a contrast ratio of 7.43:1 (AAA), black on #006400 has 2.82:1 (Fail). WCAG AA needs 4.5:1 for normal text.