Startseite Farbpaletten Palette „Poster Blue“ mit 4 Farben

Palette „Poster Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Poster Blue“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Hell Komplementär

Likes 13.161

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F3F3E0;
  --c-muted-2: #133E87;
  --c-muted-3: #608BC1;
  --c-muted-4: #CBDCEB;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Full Moon (#F3F3E0) bis zum dunkelsten Ton Poster Blue (#133E87). Sie vereint Full Moon, Poster Blue, Danube und Alaskan Skies 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 #F3F3E0 auf #133E87 mit 9,05:1.

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

Farben im Detail

Full Moon #F3F3E0

RGB: rgb(243, 243, 224)
HSL: hsl(60, 44%, 92%)
Luminanz: 0,885

Poster Blue #133E87

RGB: rgb(19, 62, 135)
HSL: hsl(218, 75%, 30%)
Luminanz: 0,053

Danube #608BC1

RGB: rgb(96, 139, 193)
HSL: hsl(213, 44%, 57%)
Luminanz: 0,248

Alaskan Skies #CBDCEB

RGB: rgb(203, 220, 235)
HSL: hsl(208, 44%, 86%)
Luminanz: 0,699

Kontrast & Barrierefreiheit

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

Aa #F3F3E0 auf #133E87 9,05:1 AAA

Aa #133E87 auf #CBDCEB 7,25:1 AAA

Aa #F3F3E0 auf #608BC1 3,14:1 AA (großer Text)

Aa #133E87 auf #608BC1 2,88:1 Nicht bestanden

Aa #608BC1 auf #CBDCEB 2,51:1 Nicht bestanden

Aa #F3F3E0 auf #CBDCEB 1,25:1 Nicht bestanden

Palette „Poster Blue“ mit 4 Farben