Código da Cor Verde Oliva Escuro (#556b2f)

Verde Oliva Escuro é #556b2f em hex e rgb(85, 107, 47), um verde escuro. Abaixo você encontra todos os formatos da cor, tons e sombras, harmonias e o quanto ela é legível como texto.

Atualizado em

Verde Oliva Escuro
#556b2f
Nome CSSdarkolivegreen
Hex#556b2f
RGBrgb(85, 107, 47)
HSLhsl(82 39% 30%)
HWBhwb(82 18% 58%)
CMYK21%, 0%, 56%, 58%

Tons e sombras

Harmonias de cores

Sobre o Verde Oliva Escuro

Verde Oliva Escuro (darkolivegreen) é um verde escuro e moderadamente saturado, com o código hex #556b2f, ou rgb(85, 107, 47). No HSL, ele fica com matiz de 82°, 39% de saturação e 30% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: darkolivegreen; no lugar do valor hex.

Usando o Verde Oliva Escuro em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Verde Oliva Escuro sobre branco5.95 : 1AA
Texto Verde Oliva Escuro sobre preto3.53 : 1AA apenas para texto grande

Em um fundo verde oliva escuro, use texto branco (5.95 : 1). O WCAG pede no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de contraste.

CSS

.element {
  color: darkolivegreen;               /* or #556b2f */
  background-color: #556b2f;
  border: 1px solid rgb(85 107 47 / 50%);
}

Cores nomeadas semelhantes

Oliva Drab (#6b8e23), Cinza Ardósia Escuro (#2f4f4f), Cinza Opaco (#696969), Verde Floresta (#228b22), Verde Mar (#2e8b57), Oliva (#808000).

Perguntas frequentes

Qual é o código hex do verde oliva escuro?
#556b2f, que equivale a rgb(85, 107, 47) e hsl(82, 39%, 30%). No CSS você também pode escrever simplesmente darkolivegreen.
O texto em verde oliva escuro é legível sobre branco?
Sua razão de contraste sobre branco é 5.95 : 1, o que passa no WCAG AA para texto normal.
Quais cores combinam com o verde oliva escuro?
Sua cor complementar é #452f6a; as cores análogas #6a622f e #376a2f ficam ao lado dela no círculo cromático.