Startseite Farbpaletten Palette „Glitter Lake“ mit 4 Farben

Palette „Glitter Lake“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Glitter Lake“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Kühl Hell Komplementär

Likes 1.705

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFF395;
  --c-vibrant-2: #7459DC;
  --c-vibrant-3: #41B3FF;
  --c-vibrant-4: #63F5EF;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Goldilocks (#FFF395) bis zum dunkelsten Ton Astro Purple (#7459DC). Sie vereint Goldilocks, Astro Purple, Glitter Lake und Poseidon Jr. in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Goldilocks #FFF395

RGB: rgb(255, 243, 149)
HSL: hsl(53, 100%, 79%)
Luminanz: 0,875

Astro Purple #7459DC

RGB: rgb(116, 89, 220)
HSL: hsl(252, 65%, 61%)
Luminanz: 0,160

Glitter Lake #41B3FF

RGB: rgb(65, 179, 255)
HSL: hsl(204, 100%, 63%)
Luminanz: 0,406

Poseidon Jr. #63F5EF

RGB: rgb(99, 245, 239)
HSL: hsl(178, 88%, 67%)
Luminanz: 0,742

Kontrast & Barrierefreiheit

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

Aa #FFF395 auf #7459DC 4,40:1 AA (großer Text)

Aa #7459DC auf #63F5EF 3,77:1 AA (großer Text)

Aa #7459DC auf #41B3FF 2,17:1 Nicht bestanden

Aa #FFF395 auf #41B3FF 2,03:1 Nicht bestanden

Aa #41B3FF auf #63F5EF 1,74:1 Nicht bestanden

Aa #FFF395 auf #63F5EF 1,17:1 Nicht bestanden

Palette „Glitter Lake“ mit 4 Farben