Startseite Farbpaletten Palette „Eternal Summer“ mit 4 Farben

Palette „Eternal Summer“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Eternal Summer“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 5.506

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #9EDE73;
  --c-vibrant-2: #F7EA00;
  --c-vibrant-3: #E48900;
  --c-vibrant-4: #BE0000;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Eternal Summer (#F7EA00) bis zum dunkelsten Ton Free Speech Red (#BE0000). Sie vereint Tropical Light, Eternal Summer, Hotter Butter und Free Speech Red 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 #F7EA00 auf #BE0000 mit 5,24:1.

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

Farben im Detail

Tropical Light #9EDE73

RGB: rgb(158, 222, 115)
HSL: hsl(96, 62%, 66%)
Luminanz: 0,608

Eternal Summer #F7EA00

RGB: rgb(247, 234, 0)
HSL: hsl(57, 100%, 48%)
Luminanz: 0,786

Hotter Butter #E48900

RGB: rgb(228, 137, 0)
HSL: hsl(36, 100%, 45%)
Luminanz: 0,344

Free Speech Red #BE0000

RGB: rgb(190, 0, 0)
HSL: hsl(0, 100%, 37%)
Luminanz: 0,110

Kontrast & Barrierefreiheit

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

Aa #F7EA00 auf #BE0000 5,24:1 AA

Aa #9EDE73 auf #BE0000 4,12:1 AA (großer Text)

Aa #E48900 auf #BE0000 2,47:1 Nicht bestanden

Aa #F7EA00 auf #E48900 2,12:1 Nicht bestanden

Aa #9EDE73 auf #E48900 1,67:1 Nicht bestanden

Aa #9EDE73 auf #F7EA00 1,27:1 Nicht bestanden

Palette „Eternal Summer“ mit 4 Farben