Startseite Farbpaletten Palette „Portofino“ mit 4 Farben

Palette „Portofino“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Portofino“ mit 4 Farben

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

Bearbeiten

Erdig 4 Farben Warm Hell Komplementär

Likes 739

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #87B6BC;
  --c-earthy-2: #BED4CB;
  --c-earthy-3: #F6F09F;
  --c-earthy-4: #B35656;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Portofino (#F6F09F) bis zum dunkelsten Ton Mineral Red (#B35656). Sie vereint Kitchen Blue, Quaver, Portofino und Mineral Red 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ß.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Kitchen Blue #87B6BC

RGB: rgb(135, 182, 188)
HSL: hsl(187, 28%, 63%)
Luminanz: 0,422

Quaver #BED4CB

RGB: rgb(190, 212, 203)
HSL: hsl(155, 20%, 79%)
Luminanz: 0,624

Portofino #F6F09F

RGB: rgb(246, 240, 159)
HSL: hsl(56, 83%, 79%)
Luminanz: 0,844

Mineral Red #B35656

RGB: rgb(179, 86, 86)
HSL: hsl(0, 38%, 52%)
Luminanz: 0,169

Kontrast & Barrierefreiheit

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

Aa #F6F09F auf #B35656 4,08:1 AA (großer Text)

Aa #BED4CB auf #B35656 3,07:1 AA (großer Text)

Aa #87B6BC auf #B35656 2,16:1 Nicht bestanden

Aa #87B6BC auf #F6F09F 1,89:1 Nicht bestanden

Aa #87B6BC auf #BED4CB 1,43:1 Nicht bestanden

Aa #BED4CB auf #F6F09F 1,33:1 Nicht bestanden

Palette „Portofino“ mit 4 Farben