#677AFF

#677AFF

white

#FFFFFF

Kontrastverhältnis

3,62:1

Delta E

87,39

Very Different

50:50 Mischung

#BDBAFF

Farbwerte

Format #677AFF #FFFFFF
HEX #677AFF #FFFFFF
RGB 103, 122, 255 255, 255, 255
HSL 232,5, 100,0%, 70,2% 0,0, 0,0%, 100,0%
HSV 232,5, 59,6%, 100,0% 0,0, 0,0%, 100,0%
CMYK 59,6%, 52,2%, 0,0%, 0,0% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,6339 0,1968 273,3 1,0 0,0 89,9

Kontrast & Barrierefreiheit

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

Textlesbarkeit

Der schnelle braune Fuchs springt über den faulen Hund

Text: #FFFFFF → Hintergrund: #677AFF

Der schnelle braune Fuchs springt über den faulen Hund

Text: #677AFF → Hintergrund: #FFFFFF

Farbunterschied (Delta E)

87,39 Very Different
0 — Identisch 5 — Ähnlich 25 — Deutlicher Unterschied 100 — Sehr verschieden

Verlauf

#677AFF #888FFF #A4A4FF #BDBAFF #D4D1FF #EAE8FF #FFFFFF

Farbmischung

#677AFF

100%

#9799FF

75:25

#BDBAFF

50:50

#DFDCFF

25:75

#FFFFFF

100%

CSS-Verlaufscode

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

Jede Farbe erkunden

#677AFF

Alle Farbdetails anzeigen

white

Alle Farbdetails anzeigen

Verwandte Vergleiche