Startseite Farbpaletten Palette „Mellow Melon“ mit 4 Farben

Palette „Mellow Melon“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Mellow Melon“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 2.664

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #0D1164;
  --c-vibrant-2: #640D5F;
  --c-vibrant-3: #EA2264;
  --c-vibrant-4: #F78D60;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Barbarian (#F78D60) bis zum dunkelsten Ton Dying Storm Blue (#0D1164). Sie vereint Dying Storm Blue, Amygdala Purple, Mellow Melon und Barbarian in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0D1164 auf #F78D60 mit 6,97:1.

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

Farben im Detail

Dying Storm Blue #0D1164

RGB: rgb(13, 17, 100)
HSL: hsl(237, 77%, 22%)
Luminanz: 0,014

Amygdala Purple #640D5F

RGB: rgb(100, 13, 95)
HSL: hsl(303, 77%, 22%)
Luminanz: 0,038

Mellow Melon #EA2264

RGB: rgb(234, 34, 100)
HSL: hsl(340, 83%, 53%)
Luminanz: 0,196

Barbarian #F78D60

RGB: rgb(247, 141, 96)
HSL: hsl(18, 90%, 67%)
Luminanz: 0,397

Kontrast & Barrierefreiheit

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

Aa #0D1164 auf #F78D60 6,97:1 AA

Aa #640D5F auf #F78D60 5,06:1 AA

Aa #0D1164 auf #EA2264 3,83:1 AA (großer Text)

Aa #640D5F auf #EA2264 2,78:1 Nicht bestanden

Aa #EA2264 auf #F78D60 1,82:1 Nicht bestanden

Aa #0D1164 auf #640D5F 1,38:1 Nicht bestanden

Palette „Mellow Melon“ mit 4 Farben