Startseite Farbpaletten Palette „Citrus Surge“ mit 4 Farben

Palette „Citrus Surge“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Citrus Surge“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Hell Analog

Likes 3.639

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F2F9F1;
  --c-muted-2: #388E3C;
  --c-muted-3: #8BC34A;
  --c-muted-4: #DDEEDF;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Peaceful Rain (#F2F9F1) bis zum dunkelsten Ton Resplendent Growth (#388E3C). Sie vereint Peaceful Rain, Resplendent Growth, Citrus Surge und Vanishing Point in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Peaceful Rain #F2F9F1

RGB: rgb(242, 249, 241)
HSL: hsl(113, 40%, 96%)
Luminanz: 0,930

Resplendent Growth #388E3C

RGB: rgb(56, 142, 60)
HSL: hsl(123, 43%, 39%)
Luminanz: 0,205

Citrus Surge #8BC34A

RGB: rgb(139, 195, 74)
HSL: hsl(88, 50%, 53%)
Luminanz: 0,450

Vanishing Point #DDEEDF

RGB: rgb(221, 238, 223)
HSL: hsl(127, 33%, 90%)
Luminanz: 0,819

Kontrast & Barrierefreiheit

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

Aa #F2F9F1 auf #388E3C 3,84:1 AA (großer Text)

Aa #388E3C auf #DDEEDF 3,40:1 AA (großer Text)

Aa #F2F9F1 auf #8BC34A 1,96:1 Nicht bestanden

Aa #388E3C auf #8BC34A 1,96:1 Nicht bestanden

Aa #8BC34A auf #DDEEDF 1,74:1 Nicht bestanden

Aa #F2F9F1 auf #DDEEDF 1,13:1 Nicht bestanden

Palette „Citrus Surge“ mit 4 Farben