Color #686a95: Discreto tono de índigo
#686a95 es rgb(104, 106, 149) en RGB y oklch(53.983% 0.06702 281.84) 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
- Apagado
- Empolvado
- Frío
- ≈ Gris pizarra
- slate-500
- Negro 42 %
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 #686a95
#686a95 es un discreto tono de índigo. En OKLCH tiene una luminosidad de 54 %, un croma de 0.067 y un matiz de 282°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 5.14:1 y el negro 4.08:1, así que se lee mejor el texto blanco.
El color con nombre más cercano es Gris pizarra (#708090). En Tailwind CSS el más cercano es slate-500.
Más claro: #686a95 mezclado con blanco
Más oscuro: #686a95 mezclado con negro
Más sobrio: #686a95 con menos saturación
Colores con nombre parecidos
Colores que combinan con #686a95
Preguntas sobre #686a95
¿Qué color es #686a95?
#686a95 es un discreto tono de índigo. El color con nombre más cercano es Discreto tono de índigo. En RGB es rgb(104, 106, 149), en HSL hsl(237.33, 17.79%, 49.61%) y en OKLCH oklch(53.983% 0.06702 281.84).
¿Qué colores combinan con #686a95?
El color complementario de #686a95 es #767041. Para una combinación más tranquila, usa los colores análogos #527195 y #7c638b. Los colores de la tríada son #906250 y #497b63.
¿Se lee mejor el texto blanco o el negro sobre #686a95?
Sobre #686a95 se lee mejor el texto blanco: el blanco da una relación de contraste de 5.14:1 y el negro de 4.08:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#686a95 es un color cálido o frío?
#686a95 es un color frío. En OKLCH su matiz es de 282 grados, su luminosidad 54 % y su croma 0.067.