Color #558ccc: Suave tono de azul
#558ccc es rgb(85, 140, 204) en RGB y oklch(63% 0.11345 253.265) 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 20 %
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 #558ccc
#558ccc es un suave tono de azul. En OKLCH tiene una luminosidad de 63 %, un croma de 0.113 y un matiz de 253°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 3.49:1 y el negro 6.01: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: #558ccc mezclado con blanco
Más oscuro: #558ccc mezclado con negro
Más sobrio: #558ccc con menos saturación
Colores con nombre parecidos
Colores que combinan con #558ccc
Preguntas sobre #558ccc
¿Qué color es #558ccc?
#558ccc es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(85, 140, 204), en HSL hsl(212.27, 53.85%, 56.67%) y en OKLCH oklch(63% 0.11345 253.265).
¿Qué colores combinan con #558ccc?
El color complementario de #558ccc es #b27d2f. Para una combinación más tranquila, usa los colores análogos #1697bb y #807fcb. Los colores de la tríada son #c46a75 y #6d984e.
¿Se lee mejor el texto blanco o el negro sobre #558ccc?
Sobre #558ccc se lee mejor el texto blanco: el blanco da una relación de contraste de 3.49:1 y el negro de 6.01:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#558ccc es un color cálido o frío?
#558ccc es un color frío. En OKLCH su matiz es de 253 grados, su luminosidad 63 % y su croma 0.113.