#677CC4

#677CC4

white

#FFFFFF

Kontrastverhältnis

3,99:1

Delta E

62,67

Very Different

50:50 Mischung

#B5BBE2

Farbwerte

Format #677CC4 #FFFFFF
HEX #677CC4 #FFFFFF
RGB 103, 124, 196 255, 255, 255
HSL 226,5, 44,1%, 58,6% 0,0, 0,0%, 100,0%
HSV 226,5, 47,4%, 76,9% 0,0, 0,0%, 100,0%
CMYK 47,4%, 36,7%, 0,0%, 23,1% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,6013 0,1127 270,4 1,0 0,0 89,9

Kontrast & Barrierefreiheit

3,99:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Textlesbarkeit

Der schnelle braune Fuchs springt über den faulen Hund

Text: #FFFFFF → Hintergrund: #677CC4

Der schnelle braune Fuchs springt über den faulen Hund

Text: #677CC4 → Hintergrund: #FFFFFF

Farbunterschied (Delta E)

62,67 Very Different
0 — Identisch 5 — Ähnlich 25 — Deutlicher Unterschied 100 — Sehr verschieden

Verlauf

#677CC4 #8290CE #9CA5D8 #B5BBE2 #CED1EC #E6E8F5 #FFFFFF

Farbmischung

#677CC4

100%

#8F9BD3

75:25

#B5BBE2

50:50

#DADDF1

25:75

#FFFFFF

100%

CSS-Verlaufscode

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

Jede Farbe erkunden

#677CC4

Alle Farbdetails anzeigen

white

Alle Farbdetails anzeigen

Verwandte Vergleiche