Forest Green RGB: RGB(34,139,34) — Color Code, Hex & HSL Values

Forest Green RGB Color Code

The forest green rgb color code describes how much red, green, and blue light mix on screen to produce the CSS named color forestgreen. For canonical forest green, red is low (34), green is high (139), and blue is low (34)—a yellow-green hue at moderate saturation.

Engineers paste RGB(34, 139, 34) into Android XML color resources, React Native themes, and Figma variable exports. Designers paste #228B22 into CSS. Both describe the same appearance; pick one source of truth in your design system and derive the other programmatically so refactors do not drift.

If you need the fuller shade ladder and palette pairings, see our forest green hex code guide—this page focuses on RGB-first searches and format conversion.

Convert Forest Green to Other Formats

Searchers looking up forest green rgb often need hex, HSL, or CMYK in the same breath. The conversion table below maps every common format for RGB(34, 139, 34):

Forest Green RGB in CSS

Paste forest green RGB directly into stylesheets. All three forms below resolve to the same color in modern browsers:

/* RGB function */
color: rgb(34, 139, 34);
background-color: rgb(34, 139, 34);

/* Hex equivalent */
color: #228B22;

/* CSS named color */
color: forestgreen;

For design tokens, store --color-forest: 34 139 34 in OKLCH-first systems, or --color-forest: #228B22 in hex-first stacks. Use rgb(var(--color-forest) / <alpha-value>) when you need opacity modifiers in Tailwind v4-style pipelines.

White text on #228B22 often passes WCAG AA for large bold headings but may fail for 14px body copy—run your exact font through the contrast checker before shipping production UI.

The shade table lists eight greens with both forest green rgb and hex so Android, iOS, and web teams share one reference. Use lighter rows (rgb(144, 238, 144), rgb(60, 179, 113)) for backgrounds; canonical rgb(34, 139, 34) for primary brand green; hunter and deep forest rows for navigation and pressed states.

Extend any anchor RGB into hover and disabled ramps with the palette generator, or explore full forest green color palette combinations with terracotta, cream, and sage.

FAQ

What is the forest green RGB value?

The forest green RGB value is RGB(34, 139, 34)—red 34, green 139, blue 34. In CSS write color: rgb(34, 139, 34). This equals hex #228B22 and HSL(120, 61%, 34%).

What is the forest green RGB code in CSS?

Use rgb(34, 139, 34) or the keyword forestgreen in CSS—both resolve to the same appearance as #228B22. Modern syntax also accepts rgb(34 139 34 / 1) without commas.

How do you convert forest green RGB to hex?

RGB(34, 139, 34) converts to hex #228B22. Red 34 = 0x22, green 139 = 0x8B, blue 34 = 0x22. Design tools and browser DevTools perform this conversion automatically when you paste either format.

Is forest green RGB the same as sage or olive green?

No. Forest green RGB(34,139,34) is a saturated yellow-green. Sage (#B2AC88) is RGB(178,172,136)—muted gray-green. Olive (#808000) is RGB(128,128,0)—equal red and green with no blue. Use separate tokens for each.

Related colors

• Forest Green Hex Code — full hex guide with shades and pairings
• Forest Green Color Palette — combinations with terracotta, cream, and sage