Código da cor Forest Green (#228b22)

Forest Green é #228b22 em hex e rgb(34, 139, 34), um verde escuro. Abaixo estão todos os formatos de cor, tons e sombras, harmonias e o quão legível ele é como texto.

Atualizado em

Forest Green
#228b22
Nome CSSforestgreen
Hex#228b22
RGBrgb(34, 139, 34)
HSLhsl(120 61% 34%)
HWBhwb(120 13% 45%)
CMYK76%, 0%, 76%, 45%

Tons claros e escuros

Harmonias de cores

Sobre Forest Green

Forest Green (forestgreen) é um verde escuro e vibrante, com o código hex #228b22, ou rgb(34, 139, 34). No HSL, ele fica com matiz de 120°, saturação de 61% e luminosidade de 34%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: forestgreen; no lugar do valor hex.

Usando Forest Green em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Forest Green sobre branco4.39 : 1AA apenas para texto grande
Texto Forest Green sobre preto4.78 : 1AA

Em um fundo verde floresta, use texto em preto (4.78 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.

CSS

.element {
  color: forestgreen;               /* or #228b22 */
  background-color: #228b22;
  border: 1px solid rgb(34 139 34 / 50%);
}

Cores nomeadas semelhantes

Green (#008000), Sea Green (#2e8b57), Dark Olive Green (#556b2f), Dark Green (#006400), Lime Green (#32cd32), Olive Drab (#6b8e23).

Perguntas frequentes

Qual é o código hex da cor forest green?
#228b22, que equivale a rgb(34, 139, 34) e hsl(120, 61%, 34%). No CSS você também pode escrever simplesmente forestgreen.
O texto forest green é legível sobre o branco?
Sua razão de contraste sobre o branco é 4.39 : 1, que só é aprovada para texto grande (WCAG AA texto grande).
Quais cores combinam com forest green?
Sua cor complementar é #8c228c; as cores análogas #578c22 e #228c57 ficam ao lado dela no círculo cromático.