#337AD2

#337AD2

white

#FFFFFF

Kontrastverhältnis

4,33:1

Delta E

71,7

Very Different

50:50 Mischung

#A7BAE9

Farbwerte

Format #337AD2 #FFFFFF
HEX #337AD2 #FFFFFF
RGB 51, 122, 210 255, 255, 255
HSL 213,2, 63,9%, 51,2% 0,0, 0,0%, 100,0%
HSV 213,2, 75,7%, 82,4% 0,0, 0,0%, 100,0%
CMYK 75,7%, 41,9%, 0,0%, 17,6% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,5797 0,1527 255,6 1,0 0,0 89,9

Kontrast & Barrierefreiheit

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

Textlesbarkeit

Der schnelle braune Fuchs springt über den faulen Hund

Text: #FFFFFF → Hintergrund: #337AD2

Der schnelle braune Fuchs springt über den faulen Hund

Text: #337AD2 → Hintergrund: #FFFFFF

Farbunterschied (Delta E)

71,7 Very Different
0 — Identisch 5 — Ähnlich 25 — Deutlicher Unterschied 100 — Sehr verschieden

Verlauf

#337AD2 #638EDA #87A4E2 #A7BAE9 #C5D0F1 #E2E7F8 #FFFFFF

Farbmischung

#337AD2

100%

#7699DE

75:25

#A7BAE9

50:50

#D4DCF4

25:75

#FFFFFF

100%

CSS-Verlaufscode

background: linear-gradient(to right, #337AD2, #FFFFFF);
background: linear-gradient(135deg, #337AD2, #FFFFFF);

Jede Farbe erkunden

#337AD2

Alle Farbdetails anzeigen

white

Alle Farbdetails anzeigen

Verwandte Vergleiche