Color #5684bd: Suave tono de azul
#5684bd es rgb(86, 132, 189) en RGB y oklch(60.489% 0.101 254.45) 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 26 %
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 #5684bd
#5684bd es un suave tono de azul. En OKLCH tiene una luminosidad de 60,5 %, un croma de 0.101 y un matiz de 254°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 3.87:1 y el negro 5.43: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: #5684bd mezclado con blanco
Más oscuro: #5684bd mezclado con negro
Más sobrio: #5684bd con menos saturación
Colores con nombre parecidos
Colores que combinan con #5684bd
Preguntas sobre #5684bd
¿Qué color es #5684bd?
#5684bd es un suave tono de azul. El color con nombre más cercano es Suave tono de azul. En RGB es rgb(86, 132, 189), en HSL hsl(213.2, 43.83%, 53.92%) y en OKLCH oklch(60.489% 0.101 254.45).
¿Qué colores combinan con #5684bd?
El color complementario de #5684bd es #a57835. Para una combinación más tranquila, usa los colores análogos #2a8eaf y #7b79bc. Los colores de la tríada son #b6676f y #688f4f.
¿Se lee mejor el texto blanco o el negro sobre #5684bd?
Sobre #5684bd se lee mejor el texto blanco: el blanco da una relación de contraste de 3.87:1 y el negro de 5.43:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#5684bd es un color cálido o frío?
#5684bd es un color frío. En OKLCH su matiz es de 254 grados, su luminosidad 60,5 % y su croma 0.101.