Color #577bb2: Suave tono de azul
#577bb2 es rgb(87, 123, 178) en RGB y oklch(57.966% 0.09463 258.631) 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 30 %
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 en los que te detienes o que copias. Se quedan en este dispositivo.
Sobre #577bb2
#577bb2 es un suave tono de azul. En OKLCH tiene una luminosidad de 58 %, un croma de 0.095 y un matiz de 259°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 4.3:1 y el negro 4.88: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: #577bb2 mezclado con blanco
Más oscuro: #577bb2 mezclado con negro
Más sobrio: #577bb2 con menos saturación
Colores con nombre parecidos
Colores que combinan con #577bb2
Preguntas sobre #577bb2
¿Qué color es #577bb2?
#577bb2 es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(87, 123, 178), en HSL hsl(216.26, 37.14%, 51.96%) y en OKLCH oklch(57.966% 0.09463 258.631).
¿Qué colores combinan con #577bb2?
El color complementario de #577bb2 es #987332. Para una combinación más tranquila, usa los colores análogos #3085a7 y #7871af. Los colores de la tríada son #ab6264 y #5d8850.
¿Se lee mejor el texto blanco o el negro sobre #577bb2?
Sobre #577bb2 se lee mejor el texto blanco: el blanco da una relación de contraste de 4.3:1 y el negro de 4.88:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#577bb2 es un color cálido o frío?
#577bb2 es un color frío. En OKLCH su matiz es de 259 grados, su luminosidad 58 % y su croma 0.095.