Startseite Farbpaletten Palette „Poster Yellow“ mit 4 Farben

Palette „Poster Yellow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Poster Yellow“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 2.720

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #096C47;
  --c-vibrant-2: #0B8457;
  --c-vibrant-3: #EAC100;
  --c-vibrant-4: #F8F1D0;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Flashpoint (#F8F1D0) bis zum dunkelsten Ton Into the Green (#096C47). Sie vereint Into the Green, Vital Green, Poster Yellow und Flashpoint 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 #096C47 auf #F8F1D0 mit 5,69:1.

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

Farben im Detail

Into the Green #096C47

RGB: rgb(9, 108, 71)
HSL: hsl(158, 85%, 23%)
Luminanz: 0,112

Vital Green #0B8457

RGB: rgb(11, 132, 87)
HSL: hsl(158, 85%, 28%)
Luminanz: 0,173

Poster Yellow #EAC100

RGB: rgb(234, 193, 0)
HSL: hsl(49, 100%, 46%)
Luminanz: 0,556

Flashpoint #F8F1D0

RGB: rgb(248, 241, 208)
HSL: hsl(50, 74%, 89%)
Luminanz: 0,874

Kontrast & Barrierefreiheit

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

Aa #096C47 auf #F8F1D0 5,69:1 AA

Aa #0B8457 auf #F8F1D0 4,15:1 AA (großer Text)

Aa #096C47 auf #EAC100 3,73:1 AA (großer Text)

Aa #0B8457 auf #EAC100 2,72:1 Nicht bestanden

Aa #EAC100 auf #F8F1D0 1,52:1 Nicht bestanden

Aa #096C47 auf #0B8457 1,37:1 Nicht bestanden

Palette „Poster Yellow“ mit 4 Farben