Startseite Farbpaletten Palette „Beyond the Clouds“ mit 4 Farben

Palette „Beyond the Clouds“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Beyond the Clouds“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Hell Komplementär

Likes 3.834

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FAFBD4;
  --c-vibrant-2: #B2EBF9;
  --c-vibrant-3: #AEA1EA;
  --c-vibrant-4: #8C54A1;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Utepils (#FAFBD4) bis zum dunkelsten Ton Vicious Violet (#8C54A1). Sie vereint Utepils, Beyond the Clouds, Dull Lavender und Vicious Violet in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FAFBD4 auf #8C54A1 mit 5,08:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Utepils #FAFBD4

RGB: rgb(250, 251, 212)
HSL: hsl(62, 83%, 91%)
Luminanz: 0,941

Beyond the Clouds #B2EBF9

RGB: rgb(178, 235, 249)
HSL: hsl(192, 86%, 84%)
Luminanz: 0,757

Dull Lavender #AEA1EA

RGB: rgb(174, 161, 234)
HSL: hsl(251, 63%, 77%)
Luminanz: 0,404

Vicious Violet #8C54A1

RGB: rgb(140, 84, 161)
HSL: hsl(284, 31%, 48%)
Luminanz: 0,145

Kontrast & Barrierefreiheit

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

Aa #FAFBD4 auf #8C54A1 5,08:1 AA

Aa #B2EBF9 auf #8C54A1 4,14:1 AA (großer Text)

Aa #AEA1EA auf #8C54A1 2,33:1 Nicht bestanden

Aa #FAFBD4 auf #AEA1EA 2,18:1 Nicht bestanden

Aa #B2EBF9 auf #AEA1EA 1,78:1 Nicht bestanden

Aa #FAFBD4 auf #B2EBF9 1,23:1 Nicht bestanden

Palette „Beyond the Clouds“ mit 4 Farben