Startseite Farbpaletten Palette „Sea Kale“ mit 4 Farben

Palette „Sea Kale“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Split-komplementär

Zurück zur Bibliothek

Palette „Sea Kale“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Split-komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Hell Split-komplementär

Likes 2.880

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #66D2CE;
  --c-muted-2: #2DAA9E;
  --c-muted-3: #EAEAEA;
  --c-muted-4: #E3D2C3;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Plaster (#EAEAEA) bis zum dunkelsten Ton Sea Kale (#2DAA9E). Sie vereint Petrichor, Sea Kale, Plaster und Sand Dune 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ß.

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

Farben im Detail

Petrichor #66D2CE

RGB: rgb(102, 210, 206)
HSL: hsl(178, 55%, 61%)
Luminanz: 0,534

Sea Kale #2DAA9E

RGB: rgb(45, 170, 158)
HSL: hsl(174, 58%, 42%)
Luminanz: 0,318

Plaster #EAEAEA

RGB: rgb(234, 234, 234)
HSL: hsl(0, 0%, 92%)
Luminanz: 0,823

Sand Dune #E3D2C3

RGB: rgb(227, 210, 195)
HSL: hsl(28, 36%, 83%)
Luminanz: 0,664

Kontrast & Barrierefreiheit

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

Aa #2DAA9E auf #EAEAEA 2,37:1 Nicht bestanden

Aa #2DAA9E auf #E3D2C3 1,94:1 Nicht bestanden

Aa #66D2CE auf #2DAA9E 1,59:1 Nicht bestanden

Aa #66D2CE auf #EAEAEA 1,50:1 Nicht bestanden

Aa #66D2CE auf #E3D2C3 1,22:1 Nicht bestanden

Aa #EAEAEA auf #E3D2C3 1,22:1 Nicht bestanden

Palette „Sea Kale“ mit 4 Farben