Paleta de colores

Color verde esmeralda

Toma el nombre de la piedra preciosa, de la que Colombia es gran productor. Es un verde vivo y brillante con un toque azulado. Fue color del año Pantone en 2013 y es habitual en vestidos de fiesta y terciopelo.

También llamado: esmeralda.

Verde esmeralda · #50C878

Datos del color verde esmeralda

El verde esmeralda (#50C878) es un color intermedio, de luminosidad media y de saturación media. Pertenece a la familia de los verdes. Se mezcla con 80 de rojo, 200 de verde y 120 de azul (sobre 255). Se usa sobre todo en joyería, moda, decoración.

Tonos del verde esmeralda: 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 esmeralda

DoradoLa combinación más lujosa y elegante.NegroUn contraste dramático para la noche.BlancoLo hace ver fresco y limpio.Rosa paloContraste suave entre complementarios.Azul marinoDos tonos fríos muy elegantes.VinoTonos joya que se refuerzan.Gris claroCalma el verde sin quitarle protagonismo.BeigeUna base neutra cálida.
Cómo combinar el verde esmeralda en ropa y decoración →

Armonías del color verde esmeralda

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

ComplementarioCercano a: Rosa neón
AnálogosCercano a: Verde pastel, Azul Tiffany
TríadaCercano a: Uva, Cobre
Complementario divididoCercano a: Orquídea, Rojo indio
TétradaCercano a: Azul mezclilla, Rosa neón, Oro viejo

Paletas con el color verde esmeralda

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

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

Contraste del verde esmeralda con texto

Texto blancoContraste 2.1:1 · No recomendado
Texto negroContraste 9.9:1 · AAA

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

Código CSS

:root {
  --verde-esmeralda: #50C878;
  --verde-esmeralda-rgb: 80, 200, 120;
}
.fondo { background-color: var(--verde-esmeralda); }
.texto { color: var(--verde-esmeralda); }

Colores parecidos al verde esmeralda

Verde pastelVerde jadeVerde claroVerde pistachoVerde mentaVerde bosqueAguamarinaVerdeTurquesaVerde musgo

Paletas temáticas con este color

Otros verdes

VerdeLimaVerde 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 esmeralda?

El código HEX del color verde esmeralda es #50C878. En RGB es rgb(80, 200, 120), en HSL es hsl(140, 52%, 55%) y en CMYK es 60, 0, 40, 22.

¿Qué color es el complementario del verde esmeralda?

Su complementario en el círculo cromático es #C850A0, un tono cercano al rosa neón. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color verde esmeralda?

Mejor usa texto negro: el contraste con blanco es solo 2.1:1, mientras que con negro es 9.9:1.

¿Con qué colores combina el verde esmeralda?

Combina bien con dorado, negro, blanco, rosa palo, azul marino. Evita juntarlo con verdes amarillentos como el lima o con rojo puro, porque se ve navideño o recargado. Tampoco lo mezcles con muchos colores vivos a la vez.