Paleta de colores

Color verde

Es el color de la vegetación y en pantalla nace de mezclar luz azul y amarilla. Se asocia a la naturaleza, la salud y el permiso para avanzar. Es frecuente en marcas ecológicas, bancos y botones de confirmar.

Verde · #008000

Datos del color verde

El verde (#008000) es un color intermedio, oscuro y muy saturado. Pertenece a la familia de los verdes. Se mezcla con 0 de rojo, 128 de verde y 0 de azul (sobre 255). Se usa sobre todo en logos, naturaleza, web, señalética.

Tonos del verde: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Colores que combinan con el verde

BlancoFresco y limpio.BeigeNatural y relajado.CaféComo la madera y las hojas.Azul marinoUna mezcla fría y elegante.RosaSu contraste complementario.AmarilloAlegre y primaveral.DoradoLujo y calidez.GrisCalma el verde y lo moderniza.
Cómo combinar el verde en ropa y decoración →

Armonías del color verde

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Púrpura
AnálogosCercano a: Verde jade
TríadaCercano a: Azul marino, Granate
Complementario divididoCercano a: Índigo, Borgoña
TétradaCercano a: Ultravioleta, Púrpura, Chocolate

Paletas con el color verde

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Verde
Paleta Análoga · Verde
Paleta Complementaria · Verde
Paleta Tríada · Verde
Paleta Con neutros · Verde
Paleta Con acento · Verde

Contraste del verde con texto

Texto blancoContraste 5.1:1 · AA
Texto negroContraste 4.1:1 · AA texto grande

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --verde: #008000;
  --verde-rgb: 0, 128, 0;
}
.fondo { background-color: var(--verde); }
.texto { color: var(--verde); }

Colores parecidos al verde

Verde bosqueVerde oscuroVerde jadeVerde esmeraldaVerde manzanaVerde pastelVerde pistachoVerde olivaVerde claroVerde musgo

Otros verdes

Verde esmeraldaLimaVerde olivaVerde mentaVerde musgoVerde bosqueVerde jadeVerde pinoVerde manzanaVerde salviaVerde botellaVerde militarVerde neónVerde pistachoVerde hierbaChartreuseVerde pastelVerde oscuroVerde claroVerde bandera

Preguntas frecuentes

¿Cuál es el código del color verde?

El código HEX del color verde es #008000. En RGB es rgb(0, 128, 0), en HSL es hsl(120, 100%, 25%) y en CMYK es 100, 0, 100, 50.

¿Qué color es el complementario del verde?

Su complementario en el círculo cromático es #800080, un tono cercano al púrpura. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color verde?

Sí. El contraste con blanco es 5.1:1, suficiente para texto normal (WCAG AA).

¿Con qué colores combina el verde?

Combina bien con blanco, beige, café, azul marino, rosa. Evita juntarlo con rojo intenso si no buscas un aire navideño. Mezclar muchos verdes de distinta temperatura sin un neutro se ve desordenado.