Ir al selector de color

Color Amatista: #9966cc

Amatista es #9966cc, rgb(153, 102, 204) en RGB y oklch(60.762% 0.15608 305.324) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

270°
100 %

60,8 %
0,156
305°
  • Púrpura
  • Medio
  • Suave
  • Neutro
  • violet-500
  • Negro 20 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
4.10:1Difícil de leer
Lc -73
Texto negro
5.13:1Legible · AA
Lc 36

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: Amethyst

Paletas con Amatista

Colores con nombre parecidos

Preguntas sobre Amatista

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

El código HEX de Amatista es #9966cc. En RGB es rgb(153, 102, 204), en HSL hsl(270, 50%, 60%) y en OKLCH oklch(60.762% 0.15608 305.324).

¿Qué colores combinan con Amatista?

Su color complementario es #6d9100. Para un resultado más tranquilo, combínalo con los colores análogos #6a77de y #b959a7. En esta página tienes paletas listas con Amatista.

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

Amatista es un color neutro con un matiz OKLCH de 305 grados.

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

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

Sobre #9966cc

#9966cc es un suave tono de púrpura. En OKLCH tiene una luminosidad de 60,8 %, un croma de 0.156 y un matiz de 305°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Amatista (#9966cc). En Tailwind CSS el más cercano es violet-500.

Más tonos de púrpura: medio

Más claro: #9966cc mezclado con blanco

  1. 9966cc

Más oscuro: #9966cc mezclado con negro

  1. 9966cc

Más sobrio: #9966cc con menos saturación

  1. 9966cc

Colores con nombre parecidos

Colores que combinan con #9966cc

Complementaria
#9966cc
Análoga
#9966cc
Triádica
#9966cc
Dividida
#9966cc