Startseite Farbpaletten Palette „St. Patrick’s Blue“ mit 4 Farben

Palette „St. Patrick’s Blue“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „St. Patrick’s Blue“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 4.346

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #1A2A80;
  --c-muted-2: #3B38A0;
  --c-muted-3: #7A85C1;
  --c-muted-4: #B2B0E8;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Maximum Blue Purple (#B2B0E8) bis zum dunkelsten Ton St. Patrick’s Blue (#1A2A80). Sie vereint St. Patrick’s Blue, Purple Cabbage, Twilight Twinkle und Maximum Blue Purple 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 #1A2A80 auf #B2B0E8 mit 6,09:1.

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

Farben im Detail

St. Patrick’s Blue #1A2A80

RGB: rgb(26, 42, 128)
HSL: hsl(231, 66%, 30%)
Luminanz: 0,034

Purple Cabbage #3B38A0

RGB: rgb(59, 56, 160)
HSL: hsl(242, 48%, 42%)
Luminanz: 0,063

Twilight Twinkle #7A85C1

RGB: rgb(122, 133, 193)
HSL: hsl(231, 36%, 62%)
Luminanz: 0,248

Maximum Blue Purple #B2B0E8

RGB: rgb(178, 176, 232)
HSL: hsl(242, 55%, 80%)
Luminanz: 0,463

Kontrast & Barrierefreiheit

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

Aa #1A2A80 auf #B2B0E8 6,09:1 AA

Aa #3B38A0 auf #B2B0E8 4,55:1 AA

Aa #1A2A80 auf #7A85C1 3,53:1 AA (großer Text)

Aa #3B38A0 auf #7A85C1 2,63:1 Nicht bestanden

Aa #7A85C1 auf #B2B0E8 1,73:1 Nicht bestanden

Aa #1A2A80 auf #3B38A0 1,34:1 Nicht bestanden

Palette „St. Patrick’s Blue“ mit 4 Farben