Color #5683ae: Suave tono de azul
#5683ae es rgb(86, 131, 174) en RGB y oklch(59.525% 0.08264 248.283) 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 32 %
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 #5683ae
#5683ae es un suave tono de azul. En OKLCH tiene una luminosidad de 59,5 %, un croma de 0.083 y un matiz de 248°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 4:1 y el negro 5.25: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: #5683ae mezclado con blanco
Más oscuro: #5683ae mezclado con negro
Más sobrio: #5683ae con menos saturación
Colores con nombre parecidos
Colores que combinan con #5683ae
Preguntas sobre #5683ae
¿Qué color es #5683ae?
#5683ae es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(86, 131, 174), en HSL hsl(209.32, 35.2%, 50.98%) y en OKLCH oklch(59.525% 0.08264 248.283).
¿Qué colores combinan con #5683ae?
El color complementario de #5683ae es #9f7546. Para una combinación más tranquila, usa los colores análogos #3c8ba0 y #737ab0. Los colores de la tríada son #a96a75 y #708852.
¿Se lee mejor el texto blanco o el negro sobre #5683ae?
Sobre #5683ae se lee mejor el texto blanco: el blanco da una relación de contraste de 4:1 y el negro de 5.25:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#5683ae es un color cálido o frío?
#5683ae es un color frío. En OKLCH su matiz es de 248 grados, su luminosidad 59,5 % y su croma 0.083.