Startseite Farbpaletten Palette „Flaming June“ mit 4 Farben

Palette „Flaming June“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Flaming June“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 8.396

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #064635;
  --c-vibrant-2: #519259;
  --c-vibrant-3: #F0BB62;
  --c-vibrant-4: #F4EEA9;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Pale Canary (#F4EEA9) bis zum dunkelsten Ton UP Forest Green (#064635). Sie vereint UP Forest Green, Ineffable Forest, Flaming June und Pale Canary 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 #064635 auf #F4EEA9 mit 9,12:1.

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

Farben im Detail

UP Forest Green #064635

RGB: rgb(6, 70, 53)
HSL: hsl(164, 84%, 15%)
Luminanz: 0,047

Ineffable Forest #519259

RGB: rgb(81, 146, 89)
HSL: hsl(127, 29%, 45%)
Luminanz: 0,230

Flaming June #F0BB62

RGB: rgb(240, 187, 98)
HSL: hsl(38, 83%, 66%)
Luminanz: 0,550

Pale Canary #F4EEA9

RGB: rgb(244, 238, 169)
HSL: hsl(55, 77%, 81%)
Luminanz: 0,833

Kontrast & Barrierefreiheit

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

Aa #064635 auf #F4EEA9 9,12:1 AAA

Aa #064635 auf #F0BB62 6,20:1 AA

Aa #519259 auf #F4EEA9 3,15:1 AA (großer Text)

Aa #064635 auf #519259 2,90:1 Nicht bestanden

Aa #519259 auf #F0BB62 2,14:1 Nicht bestanden

Aa #F0BB62 auf #F4EEA9 1,47:1 Nicht bestanden

Palette „Flaming June“ mit 4 Farben