Ir al selector de color

Color #8564a3: Suave tono de púrpura

#8564a3 es rgb(133, 100, 163) en RGB y oklch(56.155% 0.10134 307.491) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

271°
100 %

56,2 %
0,101
307°
  • Púrpura
  • Medio
  • Suave
  • Neutro
  • ≈ Amatista
  • mauve-500
  • Negro 36 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
4.83:1Legible · AA
Lc -79
Texto negro
4.35:1Difícil de leer
Lc 31

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 #8564a3

#8564a3 es un suave tono de púrpura. En OKLCH tiene una luminosidad de 56,2 %, un croma de 0.101 y un matiz de 307°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

Más tonos de púrpura: medio

Más claro: #8564a3 mezclado con blanco

  1. 8564a3
  2. 9173ac
  3. 9c82b6
  4. a891bf
  5. b4a0c8
  6. c0b0d1
  7. cdbfdb
  8. d9cfe4
  9. e6dfed
  10. f2eff6

Más oscuro: #8564a3 mezclado con negro

  1. 8564a3
  2. 73568d
  3. 614878
  4. 503b63
  5. 402e4f
  6. 30223c
  7. 21162a
  8. 130b19
  9. 06030a
  10. 010001

Más sobrio: #8564a3 con menos saturación

  1. 8564a3
  2. 83669f
  3. 82689a
  4. 806a96
  5. 7f6c91
  6. 7d6d8c
  7. 7b6f88
  8. 7a7083
  9. 78727e
  10. 76737a

Preguntas sobre #8564a3

¿Qué color es #8564a3?

#8564a3 es un suave tono de púrpura. El color con nombre más cercano es Suave tono de púrpura. En RGB es rgb(133, 100, 163), en HSL hsl(271.43, 25.51%, 51.57%) y en OKLCH oklch(56.155% 0.10134 307.491).

¿Qué colores combinan con #8564a3?

El color complementario de #8564a3 es #64803b. Para una combinación más tranquila, usa los colores análogos #676eb0 y #9b5d8a. Los colores de la tríada son #9c682b y #00887f.

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

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

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

#8564a3 es un color neutro. En OKLCH su matiz es de 307 grados, su luminosidad 56,2 % y su croma 0.101.