Startseite Farbpaletten Palette „Grotesque Green“ mit 4 Farben

Palette „Grotesque Green“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Grotesque Green“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Triadisch

Likes 1.330

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #65E892;
  --c-vibrant-2: #3994D6;
  --c-vibrant-3: #354ABF;
  --c-vibrant-4: #3D289B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Grotesque Green (#65E892) bis zum dunkelsten Ton Galactic Purple (#3D289B). Sie vereint Grotesque Green, Magical Merlin, Kikorangi Blue und Galactic Purple 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 #65E892 auf #3D289B mit 6,84:1.

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

Farben im Detail

Grotesque Green #65E892

RGB: rgb(101, 232, 146)
HSL: hsl(141, 74%, 65%)
Luminanz: 0,626

Magical Merlin #3994D6

RGB: rgb(57, 148, 214)
HSL: hsl(205, 66%, 53%)
Luminanz: 0,269

Kikorangi Blue #354ABF

RGB: rgb(53, 74, 191)
HSL: hsl(231, 57%, 48%)
Luminanz: 0,094

Galactic Purple #3D289B

RGB: rgb(61, 40, 155)
HSL: hsl(251, 59%, 38%)
Luminanz: 0,049

Kontrast & Barrierefreiheit

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

Aa #65E892 auf #3D289B 6,84:1 AA

Aa #65E892 auf #354ABF 4,69:1 AA

Aa #3994D6 auf #3D289B 3,23:1 AA (großer Text)

Aa #3994D6 auf #354ABF 2,21:1 Nicht bestanden

Aa #65E892 auf #3994D6 2,12:1 Nicht bestanden

Aa #354ABF auf #3D289B 1,46:1 Nicht bestanden

Palette „Grotesque Green“ mit 4 Farben