Ir al selector de color

Color #aa86cd: Suave tono de púrpura

#aa86cd es rgb(170, 134, 205) en RGB y oklch(68.034% 0.10894 306.961) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

270°
100 %

68 %
0,109
307°
  • Púrpura
  • Medio
  • Suave
  • Neutro
  • ≈ Amatista
  • violet-400
  • Negro 20 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
3.00:1Difícil de leer
Lc -62
Texto negro
7.00:1Legible · AA
Lc 47

Tonos

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

Armonías

Abrir como paleta

Recientes

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

Sobre #aa86cd

#aa86cd es un suave tono de púrpura. En OKLCH tiene una luminosidad de 68 %, un croma de 0.109 y un matiz de 307°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

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

Más tonos de púrpura: medio

Más claro: #aa86cd mezclado con blanco

  1. aa86cd
  2. b292d2
  3. bb9ed8
  4. c3aadd
  5. cbb6e2
  6. d4c2e7
  7. dcceec
  8. e5daf1
  9. eee6f6
  10. f6f3fa

Más oscuro: #aa86cd mezclado con negro

  1. aa86cd
  2. 9374b2
  3. 7d6298
  4. 68517e
  5. 534066
  6. 3f304e
  7. 2d2138
  8. 1b1323
  9. 0b060f
  10. 010102

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

  1. aa86cd
  2. a888c8
  3. a68ac3
  4. a58cbe
  5. a38eb8
  6. a190b3
  7. 9f92ae
  8. 9e93a9
  9. 9c95a3
  10. 9a979e

Preguntas sobre #aa86cd

¿Qué color es #aa86cd?

#aa86cd es un suave tono de púrpura. El color con nombre más cercano es Suave tono de púrpura. En RGB es rgb(170, 134, 205), en HSL hsl(270.42, 41.52%, 66.47%) y en OKLCH oklch(68.034% 0.10894 306.961).

¿Qué colores combinan con #aa86cd?

El color complementario de #aa86cd es #86a558. Para una combinación más tranquila, usa los colores análogos #8792db y #c37eb1. Los colores de la tríada son #c58a49 y #2caea4.

¿Se lee mejor el texto blanco o el negro sobre #aa86cd?

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

¿#aa86cd es un color cálido o frío?

#aa86cd es un color neutro. En OKLCH su matiz es de 307 grados, su luminosidad 68 % y su croma 0.109.