CSS color

forestgreen

#228b22

hex#228b22

rgbrgb(34, 139, 34)

hslhsl(120, 61%, 34%)

oklchoklch(0.558 0.169 142.9)

Relative luminance 0.1892

Vivid

Open in palette tool Check contrast

Forestgreen on this page is the real value, not a screenshot: exact hex, RGB, HSL and OKLCH, ten tints and ten shades, classic harmonies, and WCAG contrast with fixes — plus the 1 public brand that uses it and the palettes it appears in.

Tints & shades

Tints — toward white

28a428 2fc12f 3ed03e 5bd75b 73dd73 8ce38c a9eaa9 c1f0c1 def7de f7fdf7

Shades — toward black

1f7f1f 1c731c 196719 165a16 134e13 104210 0d350d 0a290a 071d07 041004

Every swatch is its own page — click any to analyze it.

Harmonies

Complementary

Open in tool →

228b22 8c228c

#8c228c

Analogous

Open in tool →

228b22 578c22 228c57

#578c22 · #228c57

Triadic

Open in tool →

228b22 22228c 8c2222

#22228c · #8c2222

Split-complementary

Open in tool →

228b22 57228c 8c2257

#57228c · #8c2257

Tetradic

Open in tool →

228b22 22578c 8c228c 8c5722

#22578c · #8c228c · #8c5722

Contrast

forestgreen as text	Ratio	AA	AA large	AAA	Fix
Aaon white	4.39:1	fail	pass	fail	AA: use #218721 as the text (4.61:1) AAA: use #196719 as the text (7.01:1) AA: or shift the background to #0a0a0a (4.51:1)
Aaon black	4.78:1	pass	pass	fail	AAA: use #2aac2a as the text (7.03:1)

Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with forestgreen as the background.

Brands using this color

Instacartsecondary · #108910 · Δ1.441

mcpConnect your agent — build around forestgreen

live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — generate_palette, check_contrast, analyze_color — read-only, no key. Every palette it proposes comes with a /palettes/new/… link: open it, lock what you like, paste the link back.

endpointhttps://mcp.brandsweets.com/colors/mcp

claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp

try this prompt

›analyze #228b22 and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/228b22-a2bea5-994edf-1f2d25-edf1e9?lock=0&style=vibrant

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Machine-readable: color.md