Ir al selector de color

Comparar dos colores

Mira en qué se diferencian dos colores en luminosidad, saturación y matiz, cómo se leen uno sobre otro y qué hay entre ellos.

Azul marino#000080
Azul real#4169e1

Azul marino y Azul real son claramente distintos. Azul real es un 28.9 % más claro. La saturación es la misma. El tono difiere en 2°.

Diferencia

CIEDE200030.42claramente distintos
Luminosidad+28.9%
Croma0
Tono+2°

Por debajo de 1 el ojo no los distingue; hacia 2,3 está el paso visible más pequeño.

Códigos

Azul marino
HEX
RGB
HSL
OKLCH
Azul real
HEX
RGB
HSL
OKLCH

Uno sobre otro

AaAzul marino / Azul real3.3:1 · APCA Lc 26No llega a WCAG AA para texto
AaAzul real / Azul marino3.3:1 · APCA Lc -25No llega a WCAG AA para texto

Entre medias

Punto medio en OKLab: #183cb0

Preguntas y respuestas

¿Qué diferencia hay entre Azul marino y Azul real?

Azul marino y Azul real son claramente distintos. Azul real es un 28.9 % más claro. La saturación es la misma. El tono difiere en 2°. Su diferencia de color CIEDE2000 es de 30.42.

¿Azul real es más claro que Azul marino?

Azul real es un 28.9 % más claro. En OKLCH, Azul marino tiene una luminosidad del 27.1 % y Azul real, del 56 %.

¿Puedo poner texto Azul marino sobre Azul real?

El contraste entre ellos es de 3.3:1. WCAG AA exige 4,5:1 para texto normal y 3:1 para texto grande, así que úsala solo para texto grande y títulos.

Comparaciones populares