Startseite Farbpaletten Links Awakening (SGB)

Links Awakening (SGB)

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Links Awakening (SGB)

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Analog gameboy hardware supergameboy

Likes 211

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #5A3921;
  --c-muted-2: #6B8C42;
  --c-muted-3: #7BC67B;
  --c-muted-4: #FFFFB5;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Crème (#FFFFB5) bis zum dunkelsten Ton Kuro Brown (#5A3921). Sie vereint Kuro Brown, Makrut Lime, Garden Stroll und Crème 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 #5A3921 auf #FFFFB5 mit 9,9:1.

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

Farben im Detail

Kuro Brown #5A3921

RGB: rgb(90, 57, 33)
HSL: hsl(25, 46%, 24%)
Luminanz: 0,052

Makrut Lime #6B8C42

RGB: rgb(107, 140, 66)
HSL: hsl(87, 36%, 40%)
Luminanz: 0,223

Garden Stroll #7BC67B

RGB: rgb(123, 198, 123)
HSL: hsl(120, 40%, 63%)
Luminanz: 0,460

Crème #FFFFB5

RGB: rgb(255, 255, 181)
HSL: hsl(60, 100%, 85%)
Luminanz: 0,961

Kontrast & Barrierefreiheit

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

Aa #5A3921 auf #FFFFB5 9,90:1 AAA

Aa #5A3921 auf #7BC67B 5,00:1 AA

Aa #6B8C42 auf #FFFFB5 3,71:1 AA (großer Text)

Aa #5A3921 auf #6B8C42 2,67:1 Nicht bestanden

Aa #7BC67B auf #FFFFB5 1,98:1 Nicht bestanden

Aa #6B8C42 auf #7BC67B 1,87:1 Nicht bestanden

Links Awakening (SGB)