Startseite Farbpaletten Palette „Tacao“ mit 4 Farben

Palette „Tacao“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Tacao“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Hell Komplementär

Likes 4.263

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F5B17B;
  --c-muted-2: #4E709D;
  --c-muted-3: #89A4C7;
  --c-muted-4: #CDD5E0;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Ephemeral Blue (#CDD5E0) bis zum dunkelsten Ton Cobalt Flame (#4E709D). Sie vereint Tacao, Cobalt Flame, High Tide und Ephemeral Blue 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

Tacao #F5B17B

RGB: rgb(245, 177, 123)
HSL: hsl(27, 86%, 72%)
Luminanz: 0,523

Cobalt Flame #4E709D

RGB: rgb(78, 112, 157)
HSL: hsl(214, 34%, 46%)
Luminanz: 0,156

High Tide #89A4C7

RGB: rgb(137, 164, 199)
HSL: hsl(214, 36%, 66%)
Luminanz: 0,360

Ephemeral Blue #CDD5E0

RGB: rgb(205, 213, 224)
HSL: hsl(215, 23%, 84%)
Luminanz: 0,660

Kontrast & Barrierefreiheit

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

Aa #4E709D auf #CDD5E0 3,44:1 AA (großer Text)

Aa #F5B17B auf #4E709D 2,78:1 Nicht bestanden

Aa #4E709D auf #89A4C7 1,99:1 Nicht bestanden

Aa #89A4C7 auf #CDD5E0 1,73:1 Nicht bestanden

Aa #F5B17B auf #89A4C7 1,40:1 Nicht bestanden

Aa #F5B17B auf #CDD5E0 1,24:1 Nicht bestanden

Palette „Tacao“ mit 4 Farben