Twee kleuren vergelijken

Zie hoe twee kleuren verschillen in lichtheid, verzadiging en kleurtoon, hoe ze op elkaar leesbaar zijn en wat ertussen ligt.

Marineblauw#000080

Koningsblauw#4169e1

Marineblauw en Koningsblauw zijn duidelijk verschillend. Koningsblauw is 28.9% lichter. De verzadiging is gelijk. De kleurtoon verschilt 2°.

Verschil

CIEDE200030.42duidelijk verschillend

Lichtheid+28.9%

Chroma0

Kleurtoon+2°

Onder 1 ziet het oog geen verschil, rond 2,3 ligt de kleinste zichtbare stap.

Codes

Marineblauw

HEX
RGB
HSL
OKLCH

Koningsblauw

HEX
RGB
HSL
OKLCH

Op elkaar

AaMarineblauw / Koningsblauw3.3:1 · APCA Lc 26Onder WCAG AA voor tekst

AaKoningsblauw / Marineblauw3.3:1 · APCA Lc -25Onder WCAG AA voor tekst

Daartussen

Halverwege in OKLab: #183cb0

Mengen Kleurverloop maken Contrast controleren

Vragen en antwoorden

Wat is het verschil tussen Marineblauw en Koningsblauw?

Marineblauw en Koningsblauw zijn duidelijk verschillend. Koningsblauw is 28.9% lichter. De verzadiging is gelijk. De kleurtoon verschilt 2°. Hun CIEDE2000-kleurverschil is 30.42.

Is Koningsblauw lichter dan Marineblauw?

Koningsblauw is 28.9% lichter. In OKLCH heeft Marineblauw een lichtheid van 27.1% en Koningsblauw van 56%.

Kan ik tekst in Marineblauw op Koningsblauw zetten?

De contrastverhouding tussen beide is 3.3:1. WCAG AA vraagt 4,5:1 voor normale tekst en 3:1 voor grote tekst, dus gebruik je deze combinatie alleen voor grote tekst en koppen.