Ir al selector de color

Color #a0bbfa: Intenso tono claro de azul

#a0bbfa es rgb(160, 187, 250) en RGB y oklch(79.51% 0.09483 266.356) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

222°
100 %

79,5 %
0,095
266°
  • Azul
  • Claro
  • Intenso
  • Frío
  • ≈ Azul bebé
  • indigo-300
  • Negro 2 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
1.91:1Difícil de leer
Lc -41
Texto negro
10.98:1Legible · AA
Lc 67

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

#a0bbfa es un intenso tono claro de azul. En OKLCH tiene una luminosidad de 79,5 %, un croma de 0.095 y un matiz de 266°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Azul bebé (#89cff0). En Tailwind CSS el más cercano es indigo-300.

Más tonos de azul: claro

Más claro: #a0bbfa mezclado con blanco

  1. a0bbfa
  2. a9c2fb
  3. b2c9fc
  4. bcd0fc
  5. c5d6fd
  6. cfddfe
  7. d8e4fe
  8. e2ebff
  9. ecf2ff
  10. f5f8ff

Más oscuro: #a0bbfa mezclado con negro

  1. a0bbfa
  2. 8ba2d9
  3. 768aba
  4. 61739b
  5. 4e5c7d
  6. 3b4661
  7. 293246
  8. 191f2d
  9. 090d15
  10. 010203

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

  1. a0bbfa
  2. a3bbf4
  3. a6bcee
  4. a8bce8
  5. abbce2
  6. aebcdc
  7. b1bcd5
  8. b4bccf
  9. b6bcc9
  10. b9bcc2

Preguntas sobre #a0bbfa

¿Qué color es #a0bbfa?

#a0bbfa es un intenso tono claro de azul. El color con nombre más cercano es Intenso tono claro de azul. En RGB es rgb(160, 187, 250), en HSL hsl(222, 90%, 80.39%) y en OKLCH oklch(79.51% 0.09483 266.356).

¿Qué colores combinan con #a0bbfa?

El color complementario de #a0bbfa es #d7b873. Para una combinación más tranquila, usa los colores análogos #7ec6f1 y #c2b0f3. Los colores de la tríada son #f3a59c y #94cd98.

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

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

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

#a0bbfa es un color frío. En OKLCH su matiz es de 266 grados, su luminosidad 79,5 % y su croma 0.095.