Pumpkin GB

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

Zurück zur Bibliothek

Pumpkin GB

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch gameboy 2bit isasstudio

Likes 117

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #142B23;
  --c-vibrant-2: #19692C;
  --c-vibrant-3: #E06E16;
  --c-vibrant-4: #F7DB7E;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Club-Mate (#F7DB7E) bis zum dunkelsten Ton Guerrilla Forest (#142B23). Sie vereint Guerrilla Forest, Enchanted Glen, Brihaspati Orange und Club-Mate 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 #142B23 auf #F7DB7E mit 11:1.

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

Farben im Detail

Guerrilla Forest #142B23

RGB: rgb(20, 43, 35)
HSL: hsl(159, 37%, 12%)
Luminanz: 0,020

Enchanted Glen #19692C

RGB: rgb(25, 105, 44)
HSL: hsl(134, 62%, 25%)
Luminanz: 0,105

Brihaspati Orange #E06E16

RGB: rgb(224, 110, 22)
HSL: hsl(26, 82%, 48%)
Luminanz: 0,271

Club-Mate #F7DB7E

RGB: rgb(247, 219, 126)
HSL: hsl(46, 88%, 73%)
Luminanz: 0,719

Kontrast & Barrierefreiheit

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

Aa #142B23 auf #F7DB7E 11,00:1 AAA

Aa #19692C auf #F7DB7E 4,97:1 AA

Aa #142B23 auf #E06E16 4,58:1 AA

Aa #E06E16 auf #F7DB7E 2,40:1 Nicht bestanden

Aa #142B23 auf #19692C 2,21:1 Nicht bestanden

Aa #19692C auf #E06E16 2,07:1 Nicht bestanden

Pumpkin GB

Pumpkin GB

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen