Ir para o seletor de cores

Cor Verde-floresta: #228b22

Verde-floresta é #228b22, rgb(34, 139, 34) em RGB e oklch(55.78% 0.16878 142.893) em OKLCH. Todos os outros formatos, tons, cores que combinam e paletas estão abaixo.

Lido como HEX

120 °
100%

55,8%
0,169
143 °
  • Verde
  • Médio
  • Intenso
  • Neutra
  • green-700
  • Preto 45%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
4.39:1Difícil de ler
Lc -75
Texto preto
4.78:1Legível · AA
Lc 34

Tons

Do mais claro ao mais escuro. Clique em um tom para usá-lo.

Harmonias

Recentes

As cores que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Também chamada de: Forest green

Paletas com Verde-floresta

Cores com nome parecidas

Perguntas sobre Verde-floresta

Qual é o código HEX de Verde-floresta?

O código HEX de Verde-floresta é #228b22. Em RGB é rgb(34, 139, 34), em HSL hsl(120, 60.69%, 33.92%) e em OKLCH oklch(55.78% 0.16878 142.893).

Quais cores combinam com Verde-floresta?

A cor complementar é #a14aac. Para um visual mais tranquilo, combine com as cores análogas #767b00 e #008b6c. Paletas prontas com Verde-floresta estão nesta página.

Verde-floresta é uma cor quente ou fria?

Verde-floresta é uma cor neutra, com matiz OKLCH de 143 graus.

Qual cor de texto é legível sobre Verde-floresta?

O texto branco é mais legível sobre Verde-floresta: o branco dá uma razão de contraste de 4.39:1 e o preto, 4.78:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.

Sobre #228b22

#228b22 é um intenso tom de verde. Em OKLCH, tem luminosidade 55,8%, croma 0.169 e matiz 143 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 4.39:1 e texto preto a 4.78:1, então o texto branco é mais legível.

A cor com nome mais próxima é Verde-floresta (#228b22). No Tailwind CSS, a cor mais próxima é green-700.

Mais tons de verde (médio)

Mais claro: #228b22 misturado com branco

  1. 228b22

Mais escuro: #228b22 misturado com preto

  1. 228b22

Mais acinzentado: #228b22 com menos saturação

  1. 228b22

Cores com nome parecidas

Cores que combinam com #228b22

Complementar
#228b22
Análoga
#228b22
Triádica
#228b22
Dividida
#228b22