Color Verde: código #008000

Verde

#008000

Códigos del color

  • HEX#008000
  • RGBrgb(0, 128, 0)
  • HSLhsl(120, 100%, 25%)
  • HSVhsv(120, 100%, 50%)
  • CMYKcmyk(100%, 0%, 100%, 50%)
  • LABlab(46.2% -51.7 49.9)
  • OKLCHoklch(52% 0.177 142.5)

Sobre el color Verde

Verde tiene el código HEX #008000, que corresponde a rgb(0, 128, 0) en el modelo RGB. En el círculo cromático, su tono está en 120°, con 100% de saturación y 25% de luminosidad (hsl(120, 100%, 25%)).

Por su tono se percibe como un color frío: suele transmitir calma y distancia y «retrocede» visualmente en la composición.

Como fondo pide texto claro: el blanco alcanza un contraste de 5,13:1 sobre él, frente a 4,08:1 del negro.

Para impresión, la conversión aproximada es cmyk(100%, 0%, 100%, 50%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Verde

Complementaria

#008000 · #800080

Análoga

#408000 · #008000 · #008040

Tríada

#008000 · #000080 · #800000

Tetrádica

#008000 · #004080 · #800080 · #804000

Complementaria dividida

#008000 · #400080 · #800040

Monocromática

#000000 · #004D00 · #008000 · #00CC00 · #1AFF1A

Verde con texto blanco y negro

Texto blanco Aa Bb Cc 123
5,13:1 · AA
Texto negro Aa Bb Cc 123
4,08:1 · solo texto grande

Prueba otras combinaciones en el verificador de contraste

Un detalle que confunde a mucha gente: en CSS, la palabra clave green equivale a #008000, un verde medio y bastante oscuro, no al verde “puro” de la pantalla. El verde con el canal G al máximo, #00FF00, se llama lime. Si escribiste green esperando un verde vivo, por eso se veía oscuro.

Significado y percepción

El verde se asocia con naturaleza, crecimiento, salud y equilibrio; en las interfaces, con éxito y con “adelante”. En muchos países de habla hispana también es un color de identidad nacional (está en las banderas de México y de Bolivia, por ejemplo) y en el habla popular se vincula con la esperanza. En otros contextos remite al dinero, al islam o, en sentido negativo, a la envidia y la enfermedad. Como siempre, el significado sale del contexto, no del color aislado.

Dónde funciona el verde

  1. Sostenibilidad y alimentación: envases de productos naturales, fruterías y marcas de energía limpia. Aquí, verdes más amarillentos o agrisados, como el verde oliva, resultan menos genéricos que #008000.
  2. Interfaces: mensajes de éxito, saldos positivos y botones de confirmación. #008000 es una buena base porque tiene contraste suficiente sobre fondo blanco.
  3. Decoración: en paredes, los verdes medios combinan con madera y plantas; el verde oscuro da un aire de biblioteca clásica.
  4. Moda: el verde puro funciona como color protagonista, y el verde militar hace de neutro en el día a día.

Cómo combinarlo

Consejo: verde, texto y daltonismo

El texto blanco sobre #008000 alcanza un contraste de 5,1:1 y cumple el nivel AA de la WCAG para texto normal; el texto negro se queda en 4,1:1 y solo sirve para texto grande. El mayor cuidado es otro: verde y rojo son la pareja más difícil para quien tiene deuteranopía o protanopía, los tipos de daltonismo más frecuentes. No uses solo el color para distinguir “aprobado” de “rechazado”: añade un icono o una etiqueta y prueba el resultado en el simulador de daltonismo.

Cómo usarlo en CSS

:root {
  --color-green: #008000;
  --color-green-rgb: 0, 128, 0;
}

.elemento {
  background-color: var(--color-green);
  color: #FFFFFF;
}

Colores parecidos

Usa Verde en nuestras herramientas