logoredraws.com

Forest Green Color Code: HEX, RGB and How to Use It in a Vector Logo

The standard forest green color code is #228B22 (RGB 34, 139, 34). See its HSL and HSV values, why other forest greens differ, and how to apply it in vector logo files.

Published

Contents
  1. The short answer: #228B22
  2. Why you may see other "forest green" codes
  3. Applying the color in vector logo artwork
  4. Check the file, not just the color value
  5. Gaps in this answer

The short answer: #228B22

When people ask for the forest green color code, they usually mean the named color "forestgreen" from the X11 and CSS color lists. Its hex value is #228B22, which equals RGB 34, 139, 34. Any modern browser renders the CSS keyword forestgreen as exactly this color, and most design tools accept the same hex value.

Model | Value | Notes
HEX | #228B22 | Standard CSS/X11 named color "forestgreen"
RGB | 34, 139, 34 | Red and blue are equal, so the hue is pure green
HSL | 120°, 61%, 34% | Rounded and calculated from the RGB values
HSV/HSB | 120°, 75%, 55% | Rounded and calculated from the RGB values
CMYK (formula only) | about 76, 0, 76, 45 | Simple RGB-to-CMYK math, not a print-profile conversion

Why you may see other "forest green" codes

Forest green is a common color name, not a single universal standard. Crayon makers, paint brands, color references and brand guidelines may each publish their own forest green, and these are often darker or more muted than #228B22. If you are matching an existing logo or brand, use the value from that brand's own guidelines or source artwork rather than the generic name. This article does not cover the alternative forest green values themselves, because no supporting source data was supplied for them.

Applying the color in vector logo artwork

In a vector editor, enter the hex or RGB value as the fill or stroke of the logo's paths. For web and screen delivery, such as SVG files, CSS or app assets, the hex value is the reference color. In an SVG file, the color can be written either as the hex value or as the named keyword:

<path fill="#228B22" d="..." />

.logo-mark {
  fill: forestgreen; /* same as #228B22 */
}

For print, keep in mind the following points:

  • The CMYK figures in the table come from a basic formula. Actual print results depend on the color profile, the paper and the press, so convert the color using your printer's profile or ask for a proof.
  • A vivid screen green like #228B22 may look duller in CMYK. Check it on a proof before you sign off on brand materials.
  • Some logos are printed as a single spot color, using a system such as Pantone. No verified Pantone match for #228B22 was available for this article, so confirm any spot-color equivalent with an official swatch guide or your printer.

Check the file, not just the color value

A logo file that shows #228B22 is not necessarily editable vector artwork. An SVG, AI, EPS or PDF can contain an embedded raster image or a flat preview instead of real paths. Even when the green is visible in a preview, you can only recolor it cleanly if the shapes are true vector paths. Open the file and confirm that the green areas are selectable paths with an editable fill before you plan any color changes.

If the logo belongs to someone else, being able to download it or read its color code does not give you the right to recolor it, change its artwork or fonts, or use its trademark. Those permissions come from the owner's license or brand guidelines.

Gaps in this answer

The HEX and RGB values above come from the standard CSS named color, and the HSL, HSV and CMYK figures are calculated from them. No source data was supplied for brand-specific forest greens, official Pantone equivalents or measured print results, so those topics are left unresolved here.