Ir al selector de color

Color Lila: #c8a2c8

Lila es #c8a2c8, rgb(200, 162, 200) en RGB y oklch(75.856% 0.06814 326.224) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

300°
100 %

75,9 %
0,068
326°
  • Magenta
  • Claro
  • Apagado
  • Empolvado
  • Neutro
  • mauve-400
  • Negro 22 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
2.22:1Difícil de leer
Lc -48
Texto negro
9.46:1Legible · AA
Lc 60

Tonos

Del más claro al más oscuro. Haz clic en un tono para usarlo.

Armonías

Recientes

Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.

También llamado: Lilac

Paletas con Lila

Colores con nombre parecidos

Preguntas sobre Lila

¿Cuál es el código HEX de Lila?

El código HEX de Lila es #c8a2c8. En RGB es rgb(200, 162, 200), en HSL hsl(300, 25.68%, 70.98%) y en OKLCH oklch(75.856% 0.06814 326.224).

¿Qué colores combinan con Lila?

Su color complementario es #95bd97. Para un resultado más tranquilo, combínalo con los colores análogos #b4a8d8 y #d59fb2. En esta página tienes paletas listas con Lila.

¿Lila es un color cálido o frío?

Lila es un color neutro con un matiz OKLCH de 326 grados.

¿Qué color de texto se lee bien sobre Lila?

Sobre Lila se lee mejor el texto negro: el blanco da una relación de contraste de 2.22:1 y el negro de 9.46:1. WCAG AA pide al menos 4,5:1 para el texto normal.

Sobre #c8a2c8

#c8a2c8 es un discreto tono claro de magenta. En OKLCH tiene una luminosidad de 75,9 %, un croma de 0.068 y un matiz de 326°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 2.22:1 y el negro 9.46:1, así que se lee mejor el texto negro.

El color con nombre más cercano es Lila (#c8a2c8). En Tailwind CSS el más cercano es mauve-400.

Más tonos de magenta: claro

Más claro: #c8a2c8 mezclado con blanco

  1. c8a2c8

Más oscuro: #c8a2c8 mezclado con negro

  1. c8a2c8

Más sobrio: #c8a2c8 con menos saturación

  1. c8a2c8

Colores con nombre parecidos

Colores que combinan con #c8a2c8

Complementaria
#c8a2c8
Análoga
#c8a2c8
Triádica
#c8a2c8
Dividida
#c8a2c8