Startseite Farbpaletten Palette „Melon Refresher“ mit 4 Farben

Palette „Melon Refresher“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Melon Refresher“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär

Likes 2.086

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #D1F6C1;
  --c-muted-2: #45B7B7;
  --c-muted-3: #8B4C8C;
  --c-muted-4: #F57665;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Maroccan Tea (#D1F6C1) bis zum dunkelsten Ton Cosmic Berry (#8B4C8C). Sie vereint Maroccan Tea, Arctic Green, Cosmic Berry und Melon Refresher 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 #D1F6C1 auf #8B4C8C mit 5,03:1.

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

Farben im Detail

Maroccan Tea #D1F6C1

RGB: rgb(209, 246, 193)
HSL: hsl(102, 75%, 86%)
Luminanz: 0,833

Arctic Green #45B7B7

RGB: rgb(69, 183, 183)
HSL: hsl(180, 45%, 49%)
Luminanz: 0,386

Cosmic Berry #8B4C8C

RGB: rgb(139, 76, 140)
HSL: hsl(299, 30%, 42%)
Luminanz: 0,126

Melon Refresher #F57665

RGB: rgb(245, 118, 101)
HSL: hsl(7, 88%, 68%)
Luminanz: 0,333

Kontrast & Barrierefreiheit

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

Aa #D1F6C1 auf #8B4C8C 5,03:1 AA

Aa #45B7B7 auf #8B4C8C 2,48:1 Nicht bestanden

Aa #D1F6C1 auf #F57665 2,31:1 Nicht bestanden

Aa #8B4C8C auf #F57665 2,18:1 Nicht bestanden

Aa #D1F6C1 auf #45B7B7 2,03:1 Nicht bestanden

Aa #45B7B7 auf #F57665 1,14:1 Nicht bestanden

Palette „Melon Refresher“ mit 4 Farben