#5366A2

#5366A2

white

#FFFFFF

Kontrastverhältnis

5,54:1

Delta E

66,48

Very Different

50:50 Mischung

#AAAFD0

Farbwerte

Format #5366A2 #FFFFFF
HEX #5366A2 #FFFFFF
RGB 83, 102, 162 255, 255, 255
HSL 225,6, 32,2%, 48,0% 0,0, 0,0%, 100,0%
HSV 225,6, 48,8%, 63,5% 0,0, 0,0%, 100,0%
CMYK 48,8%, 37,0%, 0,0%, 36,5% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,5221 0,0978 269,5 1,0 0,0 89,9

Kontrast & Barrierefreiheit

5,54:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Textlesbarkeit

Der schnelle braune Fuchs springt über den faulen Hund

Text: #FFFFFF → Hintergrund: #5366A2

Der schnelle braune Fuchs springt über den faulen Hund

Text: #5366A2 → Hintergrund: #FFFFFF

Farbunterschied (Delta E)

66,48 Very Different
0 — Identisch 5 — Ähnlich 25 — Deutlicher Unterschied 100 — Sehr verschieden

Verlauf

#5366A2 #717DB1 #8D96C1 #AAAFD0 #C6C9E0 #E2E4EF #FFFFFF

Farbmischung

#5366A2

100%

#7F8AB9

75:25

#AAAFD0

50:50

#D4D6E7

25:75

#FFFFFF

100%

CSS-Verlaufscode

background: linear-gradient(to right, #5366A2, #FFFFFF);
background: linear-gradient(135deg, #5366A2, #FFFFFF);

Jede Farbe erkunden

#5366A2

Alle Farbdetails anzeigen

white

Alle Farbdetails anzeigen

Verwandte Vergleiche