Startseite Farbpaletten Palette „Fake Fern“ mit 4 Farben

Palette „Fake Fern“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Fake Fern“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Komplementär

Likes 7.968

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #382933;
  --c-muted-2: #3B5249;
  --c-muted-3: #519872;
  --c-muted-4: #A4B494;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Family Tree (#A4B494) bis zum dunkelsten Ton Late Night Out (#382933). Sie vereint Late Night Out, Leprechaun Green, Fake Fern und Family Tree 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 #382933 auf #A4B494 mit 6,22:1.

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

Farben im Detail

Late Night Out #382933

RGB: rgb(56, 41, 51)
HSL: hsl(320, 15%, 19%)
Luminanz: 0,027

Leprechaun Green #3B5249

RGB: rgb(59, 82, 73)
HSL: hsl(157, 16%, 28%)
Luminanz: 0,075

Fake Fern #519872

RGB: rgb(81, 152, 114)
HSL: hsl(148, 30%, 46%)
Luminanz: 0,254

Family Tree #A4B494

RGB: rgb(164, 180, 148)
HSL: hsl(90, 18%, 64%)
Luminanz: 0,427

Kontrast & Barrierefreiheit

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

Aa #382933 auf #A4B494 6,22:1 AA

Aa #382933 auf #519872 3,97:1 AA (großer Text)

Aa #3B5249 auf #A4B494 3,83:1 AA (großer Text)

Aa #3B5249 auf #519872 2,44:1 Nicht bestanden

Aa #382933 auf #3B5249 1,62:1 Nicht bestanden

Aa #519872 auf #A4B494 1,57:1 Nicht bestanden

Palette „Fake Fern“ mit 4 Farben