Ir al selector de color

Color #abbff2: Suave tono claro de azul

#abbff2 es rgb(171, 191, 242) en RGB y oklch(80.735% 0.07576 268.013) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

223°
100 %

80,7 %
0,076
268°
  • Azul
  • Claro
  • Suave
  • Frío
  • ≈ Azul bebé
  • blue-300
  • Negro 5 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
1.83:1Difícil de leer
Lc -38
Texto negro
11.47:1Legible · AA
Lc 70

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 en los que te detienes o que copias. Se quedan en este dispositivo.

Sobre #abbff2

#abbff2 es un suave tono claro de azul. En OKLCH tiene una luminosidad de 80,7 %, un croma de 0.076 y un matiz de 268°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

Más tonos de azul: claro

Más claro: #abbff2 mezclado con blanco

  1. abbff2
  2. b3c5f4
  3. bbccf5
  4. c4d2f7
  5. ccd9f8
  6. d4dff9
  7. dde5fb
  8. e5ecfc
  9. eef2fd
  10. f6f9fe

Más oscuro: #abbff2 mezclado con negro

  1. abbff2
  2. 94a6d2
  3. 7e8db4
  4. 687596
  5. 545e79
  6. 40485e
  7. 2d3343
  8. 1b1f2b
  9. 0b0d14
  10. 010203

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

  1. abbff2
  2. adbfed
  3. afbfe8
  4. b1c0e3
  5. b3c0de
  6. b5c0d9
  7. b8c0d4
  8. bac0cf
  9. bcc0ca
  10. bec0c5

Preguntas sobre #abbff2

¿Qué color es #abbff2?

#abbff2 es un suave tono claro de azul. El color con nombre más cercano es Suave tono claro de azul. En RGB es rgb(171, 191, 242), en HSL hsl(223.1, 73.2%, 80.98%) y en OKLCH oklch(80.735% 0.07576 268.013).

¿Qué colores combinan con #abbff2?

El color complementario de #abbff2 es #d4be87. Para una combinación más tranquila, usa los colores análogos #92c8ec y #c6b6eb. Los colores de la tríada son #edaea5 y #9fcea5.

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

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

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

#abbff2 es un color frío. En OKLCH su matiz es de 268 grados, su luminosidad 80,7 % y su croma 0.076.