Código de color verde oscuro (#006400)

Verde oscuro es #006400 en hex y rgb(0, 100, 0), 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 oscuro
#006400
Nombre CSSdarkgreen
Hex#006400
RGBrgb(0, 100, 0)
HSLhsl(120 100% 20%)
HWBhwb(120 0% 61%)
CMYK100%, 0%, 100%, 61%

Tintes y sombras

Armonías de color

Acerca de Verde oscuro

Verde oscuro (darkgreen) es un verde oscuro e intenso con el código hex #006400, o rgb(0, 100, 0). En HSL tiene un matiz de 120°, una saturación del 100 % y una luminosidad del 20 %. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: darkgreen; en lugar del valor hex.

Uso del verde oscuro para texto y fondos

CombinaciónRatio de contrasteWCAG
Texto verde oscuro sobre blanco7.44 : 1AAA
Texto verde oscuro sobre negro2.82 : 1no cumple

Sobre un fondo verde oscuro, usa texto blanco (7.44 : 1). WCAG exige al menos 4.5 : 1 para texto de cuerpo y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.

CSS

.element {
  color: darkgreen;               /* or #006400 */
  background-color: #006400;
  border: 1px solid rgb(0 100 0 / 50%);
}

Nombres de color similares

Verde (#008000), Verde bosque (#228b22), Gris pizarra oscuro (#2f4f4f), Verde oliva oscuro (#556b2f), Negro (#000000), Verde mar (#2e8b57).

Preguntas frecuentes

¿Cuál es el código hex del verde oscuro?
#006400, que equivale a rgb(0, 100, 0) y hsl(120, 100%, 20%). En CSS también puedes escribir simplemente darkgreen.
¿Se lee bien el texto verde oscuro sobre blanco?
Su ratio de contraste sobre blanco es 7.44 : 1, lo que cumple WCAG AA para texto normal.
¿Qué colores combinan bien con el verde oscuro?
Su color complementario es #660066; los colores análogos #336600 y #006633 están junto a él en la rueda de color.