Color #556aaa: Suave tono de azul
#556aaa es rgb(85, 106, 170) en RGB y oklch(53.666% 0.10376 268.973) 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
- Medio
- Suave
- Frío
- ≈ Azul acero
- slate-500
- Negro 33 %
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
Abrir como paletaRecientes
Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.
Sobre #556aaa
#556aaa es un suave tono de azul. En OKLCH tiene una luminosidad de 53,7 %, un croma de 0.104 y un matiz de 269°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 5.21:1 y el negro 4.03:1, así que se lee mejor el texto blanco.
El color con nombre más cercano es Azul acero (#4682b4). En Tailwind CSS el más cercano es slate-500.
Más claro: #556aaa mezclado con blanco
Más oscuro: #556aaa mezclado con negro
Más sobrio: #556aaa con menos saturación
Colores con nombre parecidos
Colores que combinan con #556aaa
Preguntas sobre #556aaa
¿Qué color es #556aaa?
#556aaa es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(85, 106, 170), en HSL hsl(225.18, 33.33%, 50%) y en OKLCH oklch(53.666% 0.10376 268.973).
¿Qué colores combinan con #556aaa?
El color complementario de #556aaa es #866a12. Para una combinación más tranquila, usa los colores análogos #2675a3 y #765fa1. Los colores de la tríada son #a1544a y #3d7e4b.
¿Se lee mejor el texto blanco o el negro sobre #556aaa?
Sobre #556aaa se lee mejor el texto blanco: el blanco da una relación de contraste de 5.21:1 y el negro de 4.03:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#556aaa es un color cálido o frío?
#556aaa es un color frío. En OKLCH su matiz es de 269 grados, su luminosidad 53,7 % y su croma 0.104.