Startseite Farbpaletten Palette „Calamansi“ mit 4 Farben

Palette „Calamansi“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Calamansi“ mit 4 Farben

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

Bearbeiten

Pastell 4 Farben Warm Hell Komplementär

Likes 2.547

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #FDFFA3;
  --c-pastel-2: #F59AF0;
  --c-pastel-3: #A980E4;
  --c-pastel-4: #A2E4A2;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Calamansi (#FDFFA3) bis zum dunkelsten Ton Lavender Blossom (#A980E4). Sie vereint Calamansi, Diva Mecha, Lavender Blossom und Grape Green 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ß.

Sanfte, wenig gesättigte Töne – ideal für Hochzeitswebsites, Babymarken, zarte Hero-Bereiche und redaktionelle Layouts mit viel Weißraum.

Farben im Detail

Calamansi #FDFFA3

RGB: rgb(253, 255, 163)
HSL: hsl(61, 100%, 82%)
Luminanz: 0,951

Diva Mecha #F59AF0

RGB: rgb(245, 154, 240)
HSL: hsl(303, 82%, 78%)
Luminanz: 0,488

Lavender Blossom #A980E4

RGB: rgb(169, 128, 228)
HSL: hsl(265, 65%, 70%)
Luminanz: 0,295

Grape Green #A2E4A2

RGB: rgb(162, 228, 162)
HSL: hsl(120, 55%, 76%)
Luminanz: 0,658

Kontrast & Barrierefreiheit

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

Aa #FDFFA3 auf #A980E4 2,90:1 Nicht bestanden

Aa #A980E4 auf #A2E4A2 2,05:1 Nicht bestanden

Aa #FDFFA3 auf #F59AF0 1,86:1 Nicht bestanden

Aa #F59AF0 auf #A980E4 1,56:1 Nicht bestanden

Aa #FDFFA3 auf #A2E4A2 1,41:1 Nicht bestanden

Aa #F59AF0 auf #A2E4A2 1,32:1 Nicht bestanden

Palette „Calamansi“ mit 4 Farben