Startseite Farbpaletten Palette „Lynx Screen Blue“ mit 4 Farben

Palette „Lynx Screen Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Lynx Screen Blue“ 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 3.678

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #9FE8FA;
  --c-vibrant-2: #26BAEE;
  --c-vibrant-3: #73D2F3;
  --c-vibrant-4: #FFF4E0;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Creamy Cloud Dreams (#FFF4E0) bis zum dunkelsten Ton Lynx Screen Blue (#26BAEE). Sie vereint Winter Wizard, Lynx Screen Blue, Heisenberg Blue und Creamy Cloud Dreams 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

Winter Wizard #9FE8FA

RGB: rgb(159, 232, 250)
HSL: hsl(192, 90%, 80%)
Luminanz: 0,720

Lynx Screen Blue #26BAEE

RGB: rgb(38, 186, 238)
HSL: hsl(196, 85%, 54%)
Luminanz: 0,417

Heisenberg Blue #73D2F3

RGB: rgb(115, 210, 243)
HSL: hsl(195, 84%, 70%)
Luminanz: 0,562

Creamy Cloud Dreams #FFF4E0

RGB: rgb(255, 244, 224)
HSL: hsl(39, 100%, 94%)
Luminanz: 0,913

Kontrast & Barrierefreiheit

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

Aa #26BAEE auf #FFF4E0 2,06:1 Nicht bestanden

Aa #9FE8FA auf #26BAEE 1,65:1 Nicht bestanden

Aa #73D2F3 auf #FFF4E0 1,57:1 Nicht bestanden

Aa #26BAEE auf #73D2F3 1,31:1 Nicht bestanden

Aa #9FE8FA auf #73D2F3 1,26:1 Nicht bestanden

Aa #9FE8FA auf #FFF4E0 1,25:1 Nicht bestanden

Palette „Lynx Screen Blue“ mit 4 Farben