Startseite Farbpaletten Palette „C64 Blue“ mit 4 Farben

Palette „C64 Blue“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Analog

Zurück zur Bibliothek

Palette „C64 Blue“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Kühl Hell Analog

Likes 3.790

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #033FFF;
  --c-vibrant-2: #4A9FF5;
  --c-vibrant-3: #5FF4EE;
  --c-vibrant-4: #C2FCF6;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Glacial Drift (#C2FCF6) bis zum dunkelsten Ton C64 Blue (#033FFF). Sie vereint C64 Blue, Polar Glow, Poseidon Jr. und Glacial Drift in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #033FFF auf #C2FCF6 mit 5,87:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

C64 Blue #033FFF

RGB: rgb(3, 63, 255)
HSL: hsl(226, 100%, 51%)
Luminanz: 0,108

Polar Glow #4A9FF5

RGB: rgb(74, 159, 245)
HSL: hsl(210, 90%, 63%)
Luminanz: 0,328

Poseidon Jr. #5FF4EE

RGB: rgb(95, 244, 238)
HSL: hsl(178, 87%, 66%)
Luminanz: 0,733

Glacial Drift #C2FCF6

RGB: rgb(194, 252, 246)
HSL: hsl(174, 91%, 87%)
Luminanz: 0,877

Kontrast & Barrierefreiheit

2 von 6 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #033FFF auf #C2FCF6 5,87:1 AA

Aa #033FFF auf #5FF4EE 4,96:1 AA

Aa #4A9FF5 auf #C2FCF6 2,45:1 Nicht bestanden

Aa #033FFF auf #4A9FF5 2,40:1 Nicht bestanden

Aa #4A9FF5 auf #5FF4EE 2,07:1 Nicht bestanden

Aa #5FF4EE auf #C2FCF6 1,18:1 Nicht bestanden

Palette „C64 Blue“ mit 4 Farben