Startseite Farbpaletten Palette „Beyond the Clouds“ mit 4 Farben

Palette „Beyond the Clouds“ mit 4 Farben

Palette mit 4 Farben · Neutral · Hell · Harmonie: Split-komplementär

Zurück zur Bibliothek

Palette „Beyond the Clouds“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Split-komplementär

Bearbeiten

Lebendig 4 Farben Neutral Hell Split-komplementär

Likes 2.244

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #ABF2FB;
  --c-vibrant-2: #B589EF;
  --c-vibrant-3: #A964CD;
  --c-vibrant-4: #F1A3C5;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Beyond the Clouds (#ABF2FB) bis zum dunkelsten Ton Teldrassil Purple (#A964CD). Sie vereint Beyond the Clouds, Luminous Lavender, Teldrassil Purple und Hushed Rose 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

Beyond the Clouds #ABF2FB

RGB: rgb(171, 242, 251)
HSL: hsl(187, 91%, 83%)
Luminanz: 0,791

Luminous Lavender #B589EF

RGB: rgb(181, 137, 239)
HSL: hsl(266, 76%, 74%)
Luminanz: 0,340

Teldrassil Purple #A964CD

RGB: rgb(169, 100, 205)
HSL: hsl(279, 51%, 60%)
Luminanz: 0,220

Hushed Rose #F1A3C5

RGB: rgb(241, 163, 197)
HSL: hsl(334, 74%, 79%)
Luminanz: 0,489

Kontrast & Barrierefreiheit

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

Aa #ABF2FB auf #A964CD 3,12:1 AA (großer Text)

Aa #ABF2FB auf #B589EF 2,16:1 Nicht bestanden

Aa #A964CD auf #F1A3C5 2,00:1 Nicht bestanden

Aa #ABF2FB auf #F1A3C5 1,56:1 Nicht bestanden

Aa #B589EF auf #A964CD 1,44:1 Nicht bestanden

Aa #B589EF auf #F1A3C5 1,38:1 Nicht bestanden

Palette „Beyond the Clouds“ mit 4 Farben