Startseite Farbpaletten Palette „Spring Kiss“ mit 4 Farben

Palette „Spring Kiss“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Spring Kiss“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 2.504

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #332D56;
  --c-muted-2: #4E6688;
  --c-muted-3: #71C0BB;
  --c-muted-4: #E3EEB2;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Spring Kiss (#E3EEB2) bis zum dunkelsten Ton Purple Noir (#332D56). Sie vereint Purple Noir, Wedgewood, Tropic Tide und Spring Kiss in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #332D56 auf #E3EEB2 mit 10,38:1.

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

Farben im Detail

Purple Noir #332D56

RGB: rgb(51, 45, 86)
HSL: hsl(249, 31%, 26%)
Luminanz: 0,033

Wedgewood #4E6688

RGB: rgb(78, 102, 136)
HSL: hsl(215, 27%, 42%)
Luminanz: 0,129

Tropic Tide #71C0BB

RGB: rgb(113, 192, 187)
HSL: hsl(176, 39%, 60%)
Luminanz: 0,448

Spring Kiss #E3EEB2

RGB: rgb(227, 238, 178)
HSL: hsl(71, 64%, 82%)
Luminanz: 0,807

Kontrast & Barrierefreiheit

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

Aa #332D56 auf #E3EEB2 10,38:1 AAA

Aa #332D56 auf #71C0BB 6,03:1 AA

Aa #4E6688 auf #E3EEB2 4,79:1 AA

Aa #4E6688 auf #71C0BB 2,78:1 Nicht bestanden

Aa #332D56 auf #4E6688 2,17:1 Nicht bestanden

Aa #71C0BB auf #E3EEB2 1,72:1 Nicht bestanden

Palette „Spring Kiss“ mit 4 Farben