Color Lila: código #C8A2C8

Lila

#C8A2C8

Códigos del color

  • HEX#C8A2C8
  • RGBrgb(200, 162, 200)
  • HSLhsl(300, 26%, 71%)
  • HSVhsv(300, 19%, 78%)
  • CMYKcmyk(0%, 19%, 0%, 22%)
  • LABlab(71.1% 20.5 -14.1)
  • OKLCHoklch(75.9% 0.068 326.2)

Sobre el color Lila

Lila tiene el código HEX #C8A2C8, que corresponde a rgb(200, 162, 200) en el modelo RGB. En el círculo cromático, su tono está en 300°, con 26% de saturación y 71% de luminosidad (hsl(300, 26%, 71%)).

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 oscuro: el negro alcanza un contraste de 9,45:1 sobre él, frente a 2,22:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 19%, 0%, 22%). 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 Lila

Complementaria

#C8A2C8 · #A2C8A2

Análoga

#B5A2C8 · #C8A2C8 · #C8A2B5

Tríada

#C8A2C8 · #C8C8A2 · #A2C8C8

Tetrádica

#C8A2C8 · #C8B5A2 · #A2C8A2 · #A2B5C8

Complementaria dividida

#C8A2C8 · #B5C8A2 · #A2C8B5

Monocromática

#945794 · #B582B5 · #C8A2C8 · #E5D2E5 · #FFFFFF

Lila con texto blanco y negro

Texto blanco Aa Bb Cc 123
2,22:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
9,45:1 · AAA

Prueba otras combinaciones en el verificador de contraste

El lila no es lavanda

En el día a día ambos nombres se usan como sinónimos, pero en los códigos de color apuntan a tonos bastante distintos. El lila de esta página, #C8A2C8 (rgb(200, 162, 200)), es un morado claro y agrisado, con el rojo y el azul en equilibrio: por eso se ve ligeramente rosado. La lavanda de CSS, #E6E6FA, en cambio, es casi blanca y tira al azul. Si buscas el lila de una flor o de un vestido, #C8A2C8 se acerca mucho más que lavender. Ten en cuenta que CSS no tiene un color llamado lilac; los más cercanos son plum (#DDA0DD) y thistle (#D8BFD8).

Significado y percepción

El nombre viene de la flor de la lila, un arbusto que florece en primavera en climas templados, y de ahí salen muchas de sus asociaciones: delicadeza, nostalgia, romanticismo, primavera. Como morado suavizado, el lila conserva algo del aura creativa y espiritual del morado, pero sin su peso. En varios países de habla hispana, los tonos lila y morado se asocian además con el movimiento feminista y las marchas del 8 de marzo. Estas asociaciones cambian según el país y la época; revisa el contexto de tu público.

Dónde funciona el lila

En moda, el lila aparece a menudo en colecciones de primavera y verano y luce especialmente en tejidos fluidos. En decoración da encanto a dormitorios y baños sin oscurecer el espacio, sobre todo junto a madera clara y blanco. En branding es habitual en marcas de belleza, bienestar, papelería y productos para público joven. En interfaces funciona bien como fondo de tarjetas, etiquetas e ilustraciones.

Combinaciones sugeridas:

Contraste para texto

#C8A2C8 frente al blanco da solo 2,2:1: el texto blanco sobre lila no es legible. Usa negro o gris oscuro (con negro llega a 9,5:1). Para un lila que admita texto blanco, oscurécelo hasta algo como #8A5A8A, por encima de 5:1. Pruébalo en el verificador de contraste y explora variaciones en el mezclador de colores.

Cómo usarlo en CSS

:root {
  --color-lilac: #C8A2C8;
  --color-lilac-rgb: 200, 162, 200;
}

.elemento {
  background-color: var(--color-lilac);
  color: #000000;
}

Colores parecidos

Usa Lila en nuestras herramientas