Startseite Farbpaletten Palette „Seafoam Splashes“ mit 4 Farben

Palette „Seafoam Splashes“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Seafoam Splashes“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Hell Komplementär

Likes 3.353

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #295939;
  --c-muted-2: #E9B0DF;
  --c-muted-3: #ADEECF;
  --c-muted-4: #E8EFEB;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton White Bass (#E8EFEB) bis zum dunkelsten Ton Green Stain (#295939). Sie vereint Green Stain, Pretty Pink Piggy, Seafoam Splashes und White Bass 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 #295939 auf #E8EFEB mit 6,96:1.

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

Farben im Detail

Green Stain #295939

RGB: rgb(41, 89, 57)
HSL: hsl(140, 37%, 25%)
Luminanz: 0,079

Pretty Pink Piggy #E9B0DF

RGB: rgb(233, 176, 223)
HSL: hsl(311, 56%, 80%)
Luminanz: 0,537

Seafoam Splashes #ADEECF

RGB: rgb(173, 238, 207)
HSL: hsl(151, 66%, 81%)
Luminanz: 0,745

White Bass #E8EFEB

RGB: rgb(232, 239, 235)
HSL: hsl(146, 18%, 92%)
Luminanz: 0,849

Kontrast & Barrierefreiheit

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

Aa #295939 auf #E8EFEB 6,96:1 AA

Aa #295939 auf #ADEECF 6,16:1 AA

Aa #295939 auf #E9B0DF 4,55:1 AA

Aa #E9B0DF auf #E8EFEB 1,53:1 Nicht bestanden

Aa #E9B0DF auf #ADEECF 1,35:1 Nicht bestanden

Aa #ADEECF auf #E8EFEB 1,13:1 Nicht bestanden

Palette „Seafoam Splashes“ mit 4 Farben