Startseite Farbpaletten Palette „Lightweight Beige“ mit 4 Farben

Palette „Lightweight Beige“ mit 4 Farben

Palette mit 4 Farben · Neutral · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Lightweight Beige“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Neutral Hell Komplementär

Likes 6.552

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F6E3C5;
  --c-muted-2: #A0D995;
  --c-muted-3: #6CC4A1;
  --c-muted-4: #4CACBC;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Lightweight Beige (#F6E3C5) bis zum dunkelsten Ton Verditer Blue (#4CACBC). Sie vereint Lightweight Beige, Retro, Minted Elegance und Verditer Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Lightweight Beige #F6E3C5

RGB: rgb(246, 227, 197)
HSL: hsl(37, 73%, 87%)
Luminanz: 0,786

Retro #A0D995

RGB: rgb(160, 217, 149)
HSL: hsl(110, 47%, 72%)
Luminanz: 0,593

Minted Elegance #6CC4A1

RGB: rgb(108, 196, 161)
HSL: hsl(156, 43%, 60%)
Luminanz: 0,452

Verditer Blue #4CACBC

RGB: rgb(76, 172, 188)
HSL: hsl(189, 46%, 52%)
Luminanz: 0,347

Kontrast & Barrierefreiheit

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

Aa #F6E3C5 auf #4CACBC 2,11:1 Nicht bestanden

Aa #F6E3C5 auf #6CC4A1 1,66:1 Nicht bestanden

Aa #A0D995 auf #4CACBC 1,62:1 Nicht bestanden

Aa #F6E3C5 auf #A0D995 1,30:1 Nicht bestanden

Aa #A0D995 auf #6CC4A1 1,28:1 Nicht bestanden

Aa #6CC4A1 auf #4CACBC 1,27:1 Nicht bestanden

Palette „Lightweight Beige“ mit 4 Farben