Color #558cc6: Suave tono de azul
#558cc6 es rgb(85, 140, 198) en RGB y oklch(62.693% 0.10582 251.023) 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
- cyan-600
- Negro 22 %
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 #558cc6
#558cc6 es un suave tono de azul. En OKLCH tiene una luminosidad de 62,7 %, un croma de 0.106 y un matiz de 251°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 3.53:1 y el negro 5.95: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 cyan-600.
Más claro: #558cc6 mezclado con blanco
Más oscuro: #558cc6 mezclado con negro
Más sobrio: #558cc6 con menos saturación
Colores con nombre parecidos
Colores que combinan con #558cc6
Preguntas sobre #558cc6
¿Qué color es #558cc6?
#558cc6 es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(85, 140, 198), en HSL hsl(210.8, 49.78%, 55.49%) y en OKLCH oklch(62.693% 0.10582 251.023).
¿Qué colores combinan con #558cc6?
El color complementario de #558cc6 es #b07c39. Para una combinación más tranquila, usa los colores análogos #2496b5 y #7d80c7. Los colores de la tríada son #bf6c78 y #71954f.
¿Se lee mejor el texto blanco o el negro sobre #558cc6?
Sobre #558cc6 se lee mejor el texto blanco: el blanco da una relación de contraste de 3.53:1 y el negro de 5.95:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#558cc6 es un color cálido o frío?
#558cc6 es un color frío. En OKLCH su matiz es de 251 grados, su luminosidad 62,7 % y su croma 0.106.