Startseite Farbpaletten Palette „Buttered“ mit 4 Farben

Palette „Buttered“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Buttered“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Triadisch

Likes 6.151

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #558776;
  --c-muted-2: #A3A847;
  --c-muted-3: #7F8B52;
  --c-muted-4: #EAE2B6;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Buttered (#EAE2B6) bis zum dunkelsten Ton Idyllic Island (#558776). Sie vereint Idyllic Island, Delightful Camouflage, Scarabœus Nobilis und Buttered 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

Idyllic Island #558776

RGB: rgb(85, 135, 118)
HSL: hsl(160, 23%, 43%)
Luminanz: 0,206

Delightful Camouflage #A3A847

RGB: rgb(163, 168, 71)
HSL: hsl(63, 41%, 47%)
Luminanz: 0,363

Scarabœus Nobilis #7F8B52

RGB: rgb(127, 139, 82)
HSL: hsl(73, 26%, 43%)
Luminanz: 0,236

Buttered #EAE2B6

RGB: rgb(234, 226, 182)
HSL: hsl(51, 55%, 82%)
Luminanz: 0,753

Kontrast & Barrierefreiheit

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

Aa #558776 auf #EAE2B6 3,14:1 AA (großer Text)

Aa #7F8B52 auf #EAE2B6 2,81:1 Nicht bestanden

Aa #A3A847 auf #EAE2B6 1,95:1 Nicht bestanden

Aa #558776 auf #A3A847 1,61:1 Nicht bestanden

Aa #A3A847 auf #7F8B52 1,44:1 Nicht bestanden

Aa #558776 auf #7F8B52 1,12:1 Nicht bestanden

Palette „Buttered“ mit 4 Farben