Color #557bc0: Suave tono de azul
#557bc0 es rgb(85, 123, 192) en RGB y oklch(58.601% 0.11487 261.593) 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
- sky-600
- Negro 25 %
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 #557bc0
#557bc0 es un suave tono de azul. En OKLCH tiene una luminosidad de 58,6 %, un croma de 0.115 y un matiz de 262°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 4.22:1 y el negro 4.98: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 sky-600.
Más claro: #557bc0 mezclado con blanco
Más oscuro: #557bc0 mezclado con negro
Más sobrio: #557bc0 con menos saturación
Colores con nombre parecidos
Colores que combinan con #557bc0
Preguntas sobre #557bc0
¿Qué color es #557bc0?
#557bc0 es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(85, 123, 192), en HSL hsl(218.69, 45.92%, 54.31%) y en OKLCH oklch(58.601% 0.11487 261.593).
¿Qué colores combinan con #557bc0?
El color complementario de #557bc0 es #9e7414. Para una combinación más tranquila, usa los colores análogos #1287b4 y #7d6eba. Los colores de la tríada son #b65e5d y #528d4b.
¿Se lee mejor el texto blanco o el negro sobre #557bc0?
Sobre #557bc0 se lee mejor el texto blanco: el blanco da una relación de contraste de 4.22:1 y el negro de 4.98:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#557bc0 es un color cálido o frío?
#557bc0 es un color frío. En OKLCH su matiz es de 262 grados, su luminosidad 58,6 % y su croma 0.115.