Color #686caa: Suave tono de índigo
#686caa es rgb(104, 108, 170) en RGB y oklch(55.462% 0.0959 279.959) 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
- Índigo
- Medio
- Suave
- Frío
- ≈ Azul acero
- slate-500
- Negro 33 %
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 #686caa
#686caa es un suave tono de índigo. En OKLCH tiene una luminosidad de 55,5 %, un croma de 0.096 y un matiz de 280°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 4.87:1 y el negro 4.31: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: #686caa mezclado con blanco
Más oscuro: #686caa mezclado con negro
Más sobrio: #686caa con menos saturación
Colores con nombre parecidos
Colores que combinan con #686caa
Preguntas sobre #686caa
¿Qué color es #686caa?
#686caa es un suave tono de índigo. El color con nombre más cercano es Suave tono de índigo. En RGB es rgb(104, 108, 170), en HSL hsl(236.36, 27.97%, 53.73%) y en OKLCH oklch(55.462% 0.0959 279.959).
¿Qué colores combinan con #686caa?
El color complementario de #686caa es #807428. Para una combinación más tranquila, usa los colores análogos #4476a9 y #84629d. Los colores de la tríada son #a25e47 y #37845f.
¿Se lee mejor el texto blanco o el negro sobre #686caa?
Sobre #686caa se lee mejor el texto blanco: el blanco da una relación de contraste de 4.87:1 y el negro de 4.31:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#686caa es un color cálido o frío?
#686caa es un color frío. En OKLCH su matiz es de 280 grados, su luminosidad 55,5 % y su croma 0.096.