Startseite Farbpaletten Palette „Lemon Punch“ mit 4 Farben

Palette „Lemon Punch“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Lemon Punch“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär

Likes 7.214

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #2C2E43;
  --c-muted-2: #595260;
  --c-muted-3: #B2B1B9;
  --c-muted-4: #FFD523;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Lemon Punch (#FFD523) bis zum dunkelsten Ton Blue Exult (#2C2E43). Sie vereint Blue Exult, Napa Grape, A Month of Sundays und Lemon Punch in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2C2E43 auf #FFD523 mit 9,37:1.

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

Farben im Detail

Blue Exult #2C2E43

RGB: rgb(44, 46, 67)
HSL: hsl(235, 21%, 22%)
Luminanz: 0,029

Napa Grape #595260

RGB: rgb(89, 82, 96)
HSL: hsl(270, 8%, 35%)
Luminanz: 0,090

A Month of Sundays #B2B1B9

RGB: rgb(178, 177, 185)
HSL: hsl(248, 5%, 71%)
Luminanz: 0,444

Lemon Punch #FFD523

RGB: rgb(255, 213, 35)
HSL: hsl(49, 100%, 57%)
Luminanz: 0,690

Kontrast & Barrierefreiheit

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

Aa #2C2E43 auf #FFD523 9,37:1 AAA

Aa #2C2E43 auf #B2B1B9 6,26:1 AA

Aa #595260 auf #FFD523 5,28:1 AA

Aa #595260 auf #B2B1B9 3,53:1 AA (großer Text)

Aa #2C2E43 auf #595260 1,77:1 Nicht bestanden

Aa #B2B1B9 auf #FFD523 1,50:1 Nicht bestanden

Palette „Lemon Punch“ mit 4 Farben