Ir al selector de color

Color #aaaaf2: Intenso tono claro de índigo

#aaaaf2 es rgb(170, 170, 242) en RGB y oklch(76.487% 0.10251 283.712) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

240°
100 %

76,5 %
0,103
284°
  • Índigo
  • Claro
  • Intenso
  • Frío
  • ≈ Lila
  • indigo-300
  • Negro 5 %

Dentro de sRGB: se ve igual en cualquier pantalla.

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

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

#aaaaf2 es un intenso tono claro de índigo. En OKLCH tiene una luminosidad de 76,5 %, un croma de 0.103 y un matiz de 284°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 2.16:1 y el negro 9.74: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 indigo-300.

Más tonos de índigo: claro

Más claro: #aaaaf2 mezclado con blanco

  1. aaaaf2
  2. b2b3f4
  3. babbf5
  4. c2c4f7
  5. cbccf9
  6. d3d5fa
  7. dcddfb
  8. e4e5fc
  9. edeefd
  10. f6f6fe

Más oscuro: #aaaaf2 mezclado con negro

  1. aaaaf2
  2. 9393d2
  3. 7d7db4
  4. 686896
  5. 535379
  6. 3f3f5e
  7. 2d2d43
  8. 1b1b2b
  9. 0b0b14
  10. 010103

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

  1. aaaaf2
  2. ababec
  3. abace6
  4. acaddf
  5. adaed9
  6. aeafd3
  7. afb0cd
  8. b0b0c6
  9. b0b1c0
  10. b1b2b9

Preguntas sobre #aaaaf2

¿Qué color es #aaaaf2?

#aaaaf2 es un intenso tono claro de índigo. El color con nombre más cercano es Intenso tono claro de índigo. En RGB es rgb(170, 170, 242), en HSL hsl(240, 73.47%, 80.78%) y en OKLCH oklch(76.487% 0.10251 283.712).

¿Qué colores combinan con #aaaaf2?

El color complementario de #aaaaf2 es #beb666. Para una combinación más tranquila, usa los colores análogos #84b6f3 y #ca9fe1. Los colores de la tríada son #ea9d7d y #70c7a1.

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

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

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

#aaaaf2 es un color frío. En OKLCH su matiz es de 284 grados, su luminosidad 76,5 % y su croma 0.103.