forestgreen — #228B22
#228B22
rgb(34, 139, 34) · hsl(120, 61%, 34%) · CSS keyword forestgreen
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| forestgreen on white | 4.39:1 | — | AA |
| forestgreen on black | 4.78:1 | AA | AA |
As a background, forestgreen takes black text: 4.78:1 against 4.39:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: forestgreen;
color: #228b22;
color: rgb(34 139 34);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to forestgreen
- seagreen — #2E8B57
- green — #008000
- darkgreen — #006400
- teal — #008080
- darkolivegreen — #556B2F
- darkcyan — #008B8B
Frequently asked questions
What is the hex code for forestgreen?
The hex code for forestgreen is #228B22 — RGB 34, 139, 34.
Can I use forestgreen for text?
Only for large text. forestgreen reaches 4.39:1 against white — enough for the 3:1 of headings at 24px or 18.5px bold, short of the 4.5:1 body text needs.
Should text on forestgreen be black or white?
Black — 4.78:1 against 4.39:1 the other way.
Other named colours
- fuchsia — #FF00FF
- gainsboro — #DCDCDC
- ghostwhite — #F8F8FF
- gold — #FFD700
- goldenrod — #DAA520
- gray — #808080
- green — #008000
- greenyellow — #ADFF2F
- honeydew — #F0FFF0
- hotpink — #FF69B4
- indianred — #CD5C5C
- indigo — #4B0082
#228B22 in full — tints, shades and harmonies · All named colours · Colour reference