Startseite Farbpaletten Palette „Watercourse“ mit 4 Farben

Palette „Watercourse“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Palette „Watercourse“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 1.957

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #4EC9DF;
  --c-muted-2: #63A1D0;
  --c-muted-3: #3576A7;
  --c-muted-4: #344986;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Watercourse (#4EC9DF) bis zum dunkelsten Ton Truth (#344986). Sie vereint Watercourse, Alaskan Blue, Python Blue und Truth 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

Watercourse #4EC9DF

RGB: rgb(78, 201, 223)
HSL: hsl(189, 69%, 59%)
Luminanz: 0,487

Alaskan Blue #63A1D0

RGB: rgb(99, 161, 208)
HSL: hsl(206, 54%, 60%)
Luminanz: 0,327

Python Blue #3576A7

RGB: rgb(53, 118, 167)
HSL: hsl(206, 52%, 43%)
Luminanz: 0,165

Truth #344986

RGB: rgb(52, 73, 134)
HSL: hsl(225, 44%, 36%)
Luminanz: 0,072

Kontrast & Barrierefreiheit

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

Aa #4EC9DF auf #344986 4,40:1 AA (großer Text)

Aa #63A1D0 auf #344986 3,09:1 AA (großer Text)

Aa #4EC9DF auf #3576A7 2,50:1 Nicht bestanden

Aa #3576A7 auf #344986 1,76:1 Nicht bestanden

Aa #63A1D0 auf #3576A7 1,75:1 Nicht bestanden

Aa #4EC9DF auf #63A1D0 1,43:1 Nicht bestanden

Palette „Watercourse“ mit 4 Farben