Startseite Farbpaletten Palette „Xed“ mit 4 Farben

Palette „Xed“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Xed“ mit 4 Farben

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

Bearbeiten

Pastell 4 Farben Kühl Hell Komplementär

Likes 6.690

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #E0F4FF;
  --c-pastel-2: #87C4FF;
  --c-pastel-3: #39A7FF;
  --c-pastel-4: #FFEED9;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Wizard White (#E0F4FF) bis zum dunkelsten Ton Xed (#39A7FF). Sie vereint Wizard White, Chromis Damsel Blue, Xed und Sand Crystal 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

Wizard White #E0F4FF

RGB: rgb(224, 244, 255)
HSL: hsl(201, 100%, 94%)
Luminanz: 0,878

Chromis Damsel Blue #87C4FF

RGB: rgb(135, 196, 255)
HSL: hsl(210, 100%, 76%)
Luminanz: 0,519

Xed #39A7FF

RGB: rgb(57, 167, 255)
HSL: hsl(207, 100%, 61%)
Luminanz: 0,357

Sand Crystal #FFEED9

RGB: rgb(255, 238, 217)
HSL: hsl(33, 100%, 93%)
Luminanz: 0,874

Kontrast & Barrierefreiheit

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

Aa #E0F4FF auf #39A7FF 2,28:1 Nicht bestanden

Aa #39A7FF auf #FFEED9 2,27:1 Nicht bestanden

Aa #E0F4FF auf #87C4FF 1,63:1 Nicht bestanden

Aa #87C4FF auf #FFEED9 1,63:1 Nicht bestanden

Aa #87C4FF auf #39A7FF 1,40:1 Nicht bestanden

Aa #E0F4FF auf #FFEED9 1,00:1 Nicht bestanden

Palette „Xed“ mit 4 Farben