Startseite Farbpaletten Palette „Lemon Slice“ mit 4 Farben

Palette „Lemon Slice“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Lemon Slice“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 5.198

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #153E90;
  --c-vibrant-2: #0E49B5;
  --c-vibrant-3: #54E346;
  --c-vibrant-4: #FFFAA4;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Lemon Slice (#FFFAA4) bis zum dunkelsten Ton Dark Seashore Night (#153E90). Sie vereint Dark Seashore Night, Blizzy Blueberry, Koopa Green Shell und Lemon Slice in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #153E90 auf #FFFAA4 mit 9,16:1.

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

Farben im Detail

Dark Seashore Night #153E90

RGB: rgb(21, 62, 144)
HSL: hsl(220, 75%, 32%)
Luminanz: 0,056

Blizzy Blueberry #0E49B5

RGB: rgb(14, 73, 181)
HSL: hsl(219, 86%, 38%)
Luminanz: 0,082

Koopa Green Shell #54E346

RGB: rgb(84, 227, 70)
HSL: hsl(115, 74%, 58%)
Luminanz: 0,573

Lemon Slice #FFFAA4

RGB: rgb(255, 250, 164)
HSL: hsl(57, 100%, 82%)
Luminanz: 0,923

Kontrast & Barrierefreiheit

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

Aa #153E90 auf #FFFAA4 9,16:1 AAA

Aa #0E49B5 auf #FFFAA4 7,38:1 AAA

Aa #153E90 auf #54E346 5,86:1 AA

Aa #0E49B5 auf #54E346 4,72:1 AA

Aa #54E346 auf #FFFAA4 1,56:1 Nicht bestanden

Aa #153E90 auf #0E49B5 1,24:1 Nicht bestanden

Palette „Lemon Slice“ mit 4 Farben