Startseite Farbpaletten Palette „Yellow Canary“ mit 4 Farben

Palette „Yellow Canary“ mit 4 Farben

Palette mit 4 Farben · Neutral · Hell · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Yellow Canary“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Triadisch

Bearbeiten

Pastell 4 Farben Neutral Hell Triadisch

Likes 4.280

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #A5F1E9;
  --c-pastel-2: #7FE9DE;
  --c-pastel-3: #FFF6BF;
  --c-pastel-4: #FFEBAD;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Yellow Yarn (#FFF6BF) bis zum dunkelsten Ton Tiffany Blue (#7FE9DE). Sie vereint Pale King’s Blue, Tiffany Blue, Yellow Yarn und Yellow Canary 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ß.

Sanfte, wenig gesättigte Töne – ideal für Hochzeitswebsites, Babymarken, zarte Hero-Bereiche und redaktionelle Layouts mit viel Weißraum.

Farben im Detail

Pale King’s Blue #A5F1E9

RGB: rgb(165, 241, 233)
HSL: hsl(174, 73%, 80%)
Luminanz: 0,768

Tiffany Blue #7FE9DE

RGB: rgb(127, 233, 222)
HSL: hsl(174, 71%, 71%)
Luminanz: 0,681

Yellow Yarn #FFF6BF

RGB: rgb(255, 246, 191)
HSL: hsl(52, 100%, 87%)
Luminanz: 0,909

Yellow Canary #FFEBAD

RGB: rgb(255, 235, 173)
HSL: hsl(45, 100%, 84%)
Luminanz: 0,837

Kontrast & Barrierefreiheit

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

Aa #7FE9DE auf #FFF6BF 1,31:1 Nicht bestanden

Aa #7FE9DE auf #FFEBAD 1,21:1 Nicht bestanden

Aa #A5F1E9 auf #FFF6BF 1,17:1 Nicht bestanden

Aa #A5F1E9 auf #7FE9DE 1,12:1 Nicht bestanden

Aa #A5F1E9 auf #FFEBAD 1,08:1 Nicht bestanden

Aa #FFF6BF auf #FFEBAD 1,08:1 Nicht bestanden

Palette „Yellow Canary“ mit 4 Farben