#336AA2

#336AA2

white

#FFFFFF

Kontrastverhältnis

5,64:1

Delta E

66,6

Very Different

50:50 Mischung

#9FB1D0

Farbwerte

Format #336AA2 #FFFFFF
HEX #336AA2 #FFFFFF
RGB 51, 106, 162 255, 255, 255
HSL 210,3, 52,1%, 41,8% 0,0, 0,0%, 100,0%
HSV 210,3, 68,5%, 63,5% 0,0, 0,0%, 100,0%
CMYK 68,5%, 34,6%, 0,0%, 36,5% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,514 0,1066 251,0 1,0 0,0 89,9

Kontrast & Barrierefreiheit

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

Textlesbarkeit

Der schnelle braune Fuchs springt über den faulen Hund

Text: #FFFFFF → Hintergrund: #336AA2

Der schnelle braune Fuchs springt über den faulen Hund

Text: #336AA2 → Hintergrund: #FFFFFF

Farbunterschied (Delta E)

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

Verlauf

#336AA2 #5C81B1 #7E99C1 #9FB1D0 #BFCBE0 #DFE4EF #FFFFFF

Farbmischung

#336AA2

100%

#6D8DB9

75:25

#9FB1D0

50:50

#CFD7E7

25:75

#FFFFFF

100%

CSS-Verlaufscode

background: linear-gradient(to right, #336AA2, #FFFFFF);
background: linear-gradient(135deg, #336AA2, #FFFFFF);

Jede Farbe erkunden

#336AA2

Alle Farbdetails anzeigen

white

Alle Farbdetails anzeigen

Verwandte Vergleiche