Startseite Farbpaletten Palette „Fandangle“ mit 4 Farben

Palette „Fandangle“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Fandangle“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Triadisch

Likes 3.075

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #2F5249;
  --c-muted-2: #437057;
  --c-muted-3: #97B067;
  --c-muted-4: #E3DE61;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Fandangle (#E3DE61) bis zum dunkelsten Ton Hunter (#2F5249). Sie vereint Hunter, Foliage Green, Gallant Green und Fandangle 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 #2F5249 auf #E3DE61 mit 6,14:1.

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

Farben im Detail

Hunter #2F5249

RGB: rgb(47, 82, 73)
HSL: hsl(165, 27%, 25%)
Luminanz: 0,071

Foliage Green #437057

RGB: rgb(67, 112, 87)
HSL: hsl(147, 25%, 35%)
Luminanz: 0,135

Gallant Green #97B067

RGB: rgb(151, 176, 103)
HSL: hsl(81, 32%, 55%)
Luminanz: 0,386

Fandangle #E3DE61

RGB: rgb(227, 222, 97)
HSL: hsl(58, 70%, 64%)
Luminanz: 0,694

Kontrast & Barrierefreiheit

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

Aa #2F5249 auf #E3DE61 6,14:1 AA

Aa #437057 auf #E3DE61 4,03:1 AA (großer Text)

Aa #2F5249 auf #97B067 3,60:1 AA (großer Text)

Aa #437057 auf #97B067 2,36:1 Nicht bestanden

Aa #97B067 auf #E3DE61 1,71:1 Nicht bestanden

Aa #2F5249 auf #437057 1,52:1 Nicht bestanden

Palette „Fandangle“ mit 4 Farben