Color #676aa2: Apagado tono de índigo
#676aa2 es rgb(103, 106, 162) en RGB y oklch(54.546% 0.08698 280.747) 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
- Frío
- ≈ Azul acero
- slate-500
- Negro 36 %
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 #676aa2
#676aa2 es un apagado tono de índigo. En OKLCH tiene una luminosidad de 54,5 %, un croma de 0.087 y un matiz de 281°.
Dentro de sRGB: se ve igual en cualquier pantalla.
El texto blanco sobre este color alcanza un contraste de 5.05:1 y el negro 4.16: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: #676aa2 mezclado con blanco
Más oscuro: #676aa2 mezclado con negro
Más sobrio: #676aa2 con menos saturación
Colores con nombre parecidos
Colores que combinan con #676aa2
Preguntas sobre #676aa2
¿Qué color es #676aa2?
#676aa2 es un apagado tono de índigo. El color con nombre más cercano es Apagado tono de índigo. En RGB es rgb(103, 106, 162), en HSL hsl(236.95, 24.08%, 51.96%) y en OKLCH oklch(54.546% 0.08698 280.747).
¿Qué colores combinan con #676aa2?
El color complementario de #676aa2 es #7b7230. Para una combinación más tranquila, usa los colores análogos #4873a1 y #806196. Los colores de la tríada son #9b5e48 y #3c805f.
¿Se lee mejor el texto blanco o el negro sobre #676aa2?
Sobre #676aa2 se lee mejor el texto blanco: el blanco da una relación de contraste de 5.05:1 y el negro de 4.16:1. WCAG AA pide al menos 4,5:1 para el texto normal.
¿#676aa2 es un color cálido o frío?
#676aa2 es un color frío. En OKLCH su matiz es de 281 grados, su luminosidad 54,5 % y su croma 0.087.