Four Green

Palette mit 4 Farben · Neutral · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

Four Green

Palette mit 4 Farben · Temperatur: Neutral · Ton: Dunkel · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Neutral Dunkel Analog greens grass 4green fourgreen

Likes 27

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #588F3D;
  --c-muted-2: #36633D;
  --c-muted-3: #293D36;
  --c-muted-4: #AABF40;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Hopscotch (#AABF40) bis zum dunkelsten Ton Scarab (#293D36). Sie vereint Indica, Genever Green, Scarab und Hopscotch in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #293D36 auf #AABF40 mit 5,64:1.

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

Farben im Detail

Indica #588F3D

RGB: rgb(88, 143, 61)
HSL: hsl(100, 40%, 40%)
Luminanz: 0,221

Genever Green #36633D

RGB: rgb(54, 99, 61)
HSL: hsl(129, 29%, 30%)
Luminanz: 0,100

Scarab #293D36

RGB: rgb(41, 61, 54)
HSL: hsl(159, 20%, 20%)
Luminanz: 0,041

Hopscotch #AABF40

RGB: rgb(170, 191, 64)
HSL: hsl(70, 50%, 50%)
Luminanz: 0,462

Kontrast & Barrierefreiheit

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

Aa #293D36 auf #AABF40 5,64:1 AA

Aa #36633D auf #AABF40 3,40:1 AA (großer Text)

Aa #588F3D auf #293D36 2,98:1 Nicht bestanden

Aa #588F3D auf #AABF40 1,89:1 Nicht bestanden

Aa #588F3D auf #36633D 1,80:1 Nicht bestanden

Aa #36633D auf #293D36 1,66:1 Nicht bestanden

Four Green

Four Green

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen