#677EB2

#677EB2

white

#FFFFFF

Kontrastverhältnis

4,04:1

Delta E

56,11

Very Different

50:50 Mischung

#B3BCD8

Farbwerte

Format #677EB2 #FFFFFF
HEX #677EB2 #FFFFFF
RGB 103, 126, 178 255, 255, 255
HSL 221,6, 32,8%, 55,1% 0,0, 0,0%, 100,0%
HSV 221,6, 42,1%, 69,8% 0,0, 0,0%, 100,0%
CMYK 42,1%, 29,2%, 0,0%, 30,2% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,5963 0,0844 265,6 1,0 0,0 89,9

Kontrast & Barrierefreiheit

4,04:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Textlesbarkeit

Der schnelle braune Fuchs springt über den faulen Hund

Text: #FFFFFF → Hintergrund: #677EB2

Der schnelle braune Fuchs springt über den faulen Hund

Text: #677EB2 → Hintergrund: #FFFFFF

Farbunterschied (Delta E)

56,11 Very Different
0 — Identisch 5 — Ähnlich 25 — Deutlicher Unterschied 100 — Sehr verschieden

Verlauf

#677EB2 #8192BF #9AA7CB #B3BCD8 #CDD2E5 #E6E8F2 #FFFFFF

Farbmischung

#677EB2

100%

#8E9CC5

75:25

#B3BCD8

50:50

#D9DDEC

25:75

#FFFFFF

100%

CSS-Verlaufscode

background: linear-gradient(to right, #677EB2, #FFFFFF);
background: linear-gradient(135deg, #677EB2, #FFFFFF);

Jede Farbe erkunden

#677EB2

Alle Farbdetails anzeigen

white

Alle Farbdetails anzeigen

Verwandte Vergleiche