Color #558cc1: Suave tono de azul
#558cc1 es rgb(85, 140, 193) en RGB y oklch(62.444% 0.09959 248.848) 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 24 %
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 #558cc1
#558cc1 es un suave tono de azul. En OKLCH tiene una luminosidad de 62,4 %, un croma de 0.1 y un matiz de 249°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 3.55:1 y el negro 5.91: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: #558cc1 mezclado con blanco
Más oscuro: #558cc1 mezclado con negro
Más sobrio: #558cc1 con menos saturación
Colores con nombre parecidos
Colores que combinan con #558cc1
Preguntas sobre #558cc1
¿Qué color es #558cc1?
#558cc1 es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(85, 140, 193), en HSL hsl(209.44, 46.55%, 54.51%) y en OKLCH oklch(62.444% 0.09959 248.848).
¿Qué colores combinan con #558cc1?
El color complementario de #558cc1 es #af7c40. Para una combinación más tranquila, usa los colores análogos #2d95b0 y #7a81c3. Los colores de la tríada son #bb6d7b y #759350.
¿Se lee mejor el texto blanco o el negro sobre #558cc1?
Sobre #558cc1 se lee mejor el texto blanco: el blanco da una relación de contraste de 3.55:1 y el negro de 5.91:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#558cc1 es un color cálido o frío?
#558cc1 es un color frío. En OKLCH su matiz es de 249 grados, su luminosidad 62,4 % y su croma 0.1.