Color #a2bbf0: Suave tono claro de azul
#a2bbf0 es rgb(162, 187, 240) en RGB y oklch(79.225% 0.08064 264.965) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.
Interpretado como HEX
- Ctrl Vpega un color en cualquier sitio
- Espaciocolor aleatorio
- Ccopiar HEX
- Azul
- Claro
- Suave
- Frío
- ≈ Azul bebé
- blue-300
- Negro 6 %
Dentro de sRGB: se ve igual en cualquier pantalla.
Tonos
Del más claro al más oscuro. Haz clic en un tono para usarlo.
Armonías
Recientes
Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.
Sobre #a2bbf0
#a2bbf0 es un suave tono claro de azul. En OKLCH tiene una luminosidad de 79,2 %, un croma de 0.081 y un matiz de 265°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 1.93:1 y el negro 10.9: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 claro: #a2bbf0 mezclado con blanco
Más oscuro: #a2bbf0 mezclado con negro
Más sobrio: #a2bbf0 con menos saturación
Colores con nombre parecidos
Colores que combinan con #a2bbf0
Preguntas sobre #a2bbf0
¿Qué color es #a2bbf0?
#a2bbf0 es un suave tono claro de azul. El color con nombre más cercano es Suave tono claro de azul. En RGB es rgb(162, 187, 240), en HSL hsl(220.77, 72.22%, 78.82%) y en OKLCH oklch(79.225% 0.08064 264.965).
¿Qué colores combinan con #a2bbf0?
El color complementario de #a2bbf0 es #d3b87f. Para una combinación más tranquila, usa los colores análogos #87c4e8 y #beb1ea. Los colores de la tríada son #eba7a1 y #9bc99c.
¿Se lee mejor el texto blanco o el negro sobre #a2bbf0?
Sobre #a2bbf0 se lee mejor el texto negro: el blanco da una relación de contraste de 1.93:1 y el negro de 10.9:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#a2bbf0 es un color cálido o frío?
#a2bbf0 es un color frío. En OKLCH su matiz es de 265 grados, su luminosidad 79,2 % y su croma 0.081.