Startseite Farbpaletten Palette „Cloud Break“ mit 4 Farben

Palette „Cloud Break“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Analog

Zurück zur Bibliothek

Palette „Cloud Break“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Kühl Hell Analog

Likes 36.829

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F4EEFF;
  --c-vibrant-2: #DCD6F7;
  --c-vibrant-3: #A6B1E1;
  --c-vibrant-4: #424874;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Cloud Break (#F4EEFF) bis zum dunkelsten Ton Constellation Blue (#424874). Sie vereint Cloud Break, Japan Blush, Myrtle Flower und Constellation Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F4EEFF auf #424874 mit 7,68:1.

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

Farben im Detail

Cloud Break #F4EEFF

RGB: rgb(244, 238, 255)
HSL: hsl(261, 100%, 97%)
Luminanz: 0,876

Japan Blush #DCD6F7

RGB: rgb(220, 214, 247)
HSL: hsl(251, 67%, 90%)
Luminanz: 0,700

Myrtle Flower #A6B1E1

RGB: rgb(166, 177, 225)
HSL: hsl(229, 50%, 77%)
Luminanz: 0,450

Constellation Blue #424874

RGB: rgb(66, 72, 116)
HSL: hsl(233, 27%, 36%)
Luminanz: 0,071

Kontrast & Barrierefreiheit

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

Aa #F4EEFF auf #424874 7,68:1 AAA

Aa #DCD6F7 auf #424874 6,22:1 AA

Aa #A6B1E1 auf #424874 4,15:1 AA (großer Text)

Aa #F4EEFF auf #A6B1E1 1,85:1 Nicht bestanden

Aa #DCD6F7 auf #A6B1E1 1,50:1 Nicht bestanden

Aa #F4EEFF auf #DCD6F7 1,23:1 Nicht bestanden

Palette „Cloud Break“ mit 4 Farben