Código da Cor Verde Claro (#90ee90)

Verde Claro é #90ee90 em hex e rgb(144, 238, 144), um verde claro. Abaixo: todos os formatos da cor, tons e sombras, harmonias e o quanto ela é legível como texto.

Atualizado em

Verde Claro
#90ee90
Nome CSSlightgreen
Hex#90ee90
RGBrgb(144, 238, 144)
HSLhsl(120 73% 75%)
HWBhwb(120 56% 7%)
CMYK39%, 0%, 39%, 7%

Tons e sombras

Harmonias de cores

Sobre o Verde Claro

Verde Claro (lightgreen) é um verde claro e vibrante, com o código hex #90ee90, ou rgb(144, 238, 144). Em HSL, ele fica no matiz de 120°, com 73% de saturação e 75% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lightgreen; em vez do valor hex.

Usando o Verde Claro em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Verde Claro sobre branco1.42 : 1reprova
Texto Verde Claro sobre preto14.82 : 1AAA

Em um fundo verde claro, use texto em preto (14.82 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.

CSS

.element {
  color: lightgreen;               /* or #90ee90 */
  background-color: #90ee90;
  border: 1px solid rgb(144 238 144 / 50%);
}

Cores nomeadas semelhantes

Verde Pálido (#98fb98), Verde Mar Escuro (#8fbc8f), Aquamarine Médio (#66cdaa), Aquamarine (#7fffd4), Cinza Escuro (#a9a9a9), Cáqui Escuro (#bdb76b).

Perguntas frequentes

Qual é o código hex do verde claro?
#90ee90, que equivale a rgb(144, 238, 144) e hsl(120, 73%, 75%). No CSS você também pode escrever simplesmente lightgreen.
O texto verde claro é legível sobre branco?
A razão de contraste sobre branco é 1.42 : 1, o que reprova no WCAG. Use a cor para decoração ou sobre um fundo escuro.
Quais cores combinam com o verde claro?
A cor complementar é #ee91ee; as cores análogas #bfee91 e #91eebf ficam ao lado dela no círculo cromático.