Código del color Verde Oliva Oscuro (#556b2f)

Verde Oliva Oscuro es #556b2f en hex y rgb(85, 107, 47), un verde oscuro. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

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

Tintes y sombras

Armonías de color

Acerca del Verde Oliva Oscuro

Verde Oliva Oscuro (darkolivegreen) es un verde oscuro y de saturación moderada, con el código hex #556b2f, o rgb(85, 107, 47). En HSL tiene un tono de 82°, una saturación de 39% y una luminosidad de 30%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: darkolivegreen; en lugar del valor hex.

Uso del Verde Oliva Oscuro en texto y fondos

CombinaciónRatio de contrasteWCAG
Texto Verde Oliva Oscuro sobre blanco5.95 : 1AA
Texto Verde Oliva Oscuro sobre negro3.53 : 1Solo AA para texto grande

Sobre un fondo verde oliva oscuro, usa texto blanco (5.95 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.

CSS

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

Colores con nombre similares

Verde oliva drab (#6b8e23), Gris pizarra oscuro (#2f4f4f), Gris tenue (#696969), Verde bosque (#228b22), Verde mar (#2e8b57), Oliva (#808000).

Preguntas frecuentes

¿Cuál es el código hex del verde oliva oscuro?
#556b2f, que equivale a rgb(85, 107, 47) y hsl(82, 39%, 30%). En CSS también puedes escribir simplemente darkolivegreen.
¿El texto verde oliva oscuro es legible sobre blanco?
Su ratio de contraste sobre blanco es 5.95 : 1, lo que cumple WCAG AA para texto normal.
¿Qué colores combinan bien con el verde oliva oscuro?
Su color complementario es #452f6a; los colores análogos #6a622f y #376a2f están junto a él en la rueda de color.