Ir al selector de color

Color #aa5ccf: Suave tono de púrpura

#aa5ccf es rgb(170, 92, 207) en RGB y oklch(61.308% 0.18112 313.62) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

281°
100 %

61,3 %
0,181
314°
  • Púrpura
  • Medio
  • Suave
  • Neutro
  • ≈ Amatista
  • purple-500
  • Negro 19 %

Dentro de sRGB: se ve igual en cualquier pantalla.

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

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 #aa5ccf

#aa5ccf es un suave tono de púrpura. En OKLCH tiene una luminosidad de 61,3 %, un croma de 0.181 y un matiz de 314°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 4.08:1 y el negro 5.14: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 purple-500.

Más tonos de púrpura: medio

Más claro: #aa5ccf mezclado con blanco

  1. aa5ccf
  2. b36dd5
  3. bb7eda
  4. c48fdf
  5. cc9fe5
  6. d5afe9
  7. ddbfee
  8. e6cff3
  9. eedff7
  10. f7effb

Más oscuro: #aa5ccf mezclado con negro

  1. aa5ccf
  2. 934fb4
  3. 7d4299
  4. 68367f
  5. 532a67
  6. 3f1f4f
  7. 2d1438
  8. 1b0a23
  9. 0b0310
  10. 010002

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

  1. aa5ccf
  2. a662c8
  3. a367c1
  4. 9f6bb9
  5. 9b70b2
  6. 9874ab
  7. 9477a3
  8. 907b9c
  9. 8c7e94
  10. 88818c

Preguntas sobre #aa5ccf

¿Qué color es #aa5ccf?

#aa5ccf 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, 92, 207), en HSL hsl(280.7, 54.5%, 58.63%) y en OKLCH oklch(61.308% 0.18112 313.62).

¿Qué colores combinan con #aa5ccf?

El color complementario de #aa5ccf es #539900. Para una combinación más tranquila, usa los colores análogos #7a6feb y #ca4e9f. Los colores de la tríada son #b87300 y #009a99.

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

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

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

#aa5ccf es un color neutro. En OKLCH su matiz es de 314 grados, su luminosidad 61,3 % y su croma 0.181.