Startseite Farbpaletten Palette „Portofino“ mit 4 Farben

Palette „Portofino“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Portofino“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 2.237

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F7F39A;
  --c-muted-2: #A3DE83;
  --c-muted-3: #38817A;
  --c-muted-4: #346473;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Portofino (#F7F39A) bis zum dunkelsten Ton Atlantis (#346473). Sie vereint Portofino, Feijoa, Copper Mineral Green und Atlantis 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 #F7F39A auf #346473 mit 5,67:1.

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

Farben im Detail

Portofino #F7F39A

RGB: rgb(247, 243, 154)
HSL: hsl(57, 85%, 79%)
Luminanz: 0,862

Feijoa #A3DE83

RGB: rgb(163, 222, 131)
HSL: hsl(99, 58%, 69%)
Luminanz: 0,617

Copper Mineral Green #38817A

RGB: rgb(56, 129, 122)
HSL: hsl(174, 39%, 36%)
Luminanz: 0,180

Atlantis #346473

RGB: rgb(52, 100, 115)
HSL: hsl(194, 38%, 33%)
Luminanz: 0,111

Kontrast & Barrierefreiheit

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

Aa #F7F39A auf #346473 5,67:1 AA

Aa #A3DE83 auf #346473 4,15:1 AA (großer Text)

Aa #F7F39A auf #38817A 3,97:1 AA (großer Text)

Aa #A3DE83 auf #38817A 2,91:1 Nicht bestanden

Aa #38817A auf #346473 1,43:1 Nicht bestanden

Aa #F7F39A auf #A3DE83 1,37:1 Nicht bestanden

Palette „Portofino“ mit 4 Farben