Startseite Farbpaletten Palette „Sunflower Seed“ mit 4 Farben

Palette „Sunflower Seed“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sunflower Seed“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 2.554

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #0B1D51;
  --c-vibrant-2: #725CAD;
  --c-vibrant-3: #8CCDEB;
  --c-vibrant-4: #FFE3A9;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sunflower Seed (#FFE3A9) bis zum dunkelsten Ton Downriver (#0B1D51). Sie vereint Downriver, Simply Purple, Anakiwa und Sunflower Seed 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 #0B1D51 auf #FFE3A9 mit 12,85:1.

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

Farben im Detail

Downriver #0B1D51

RGB: rgb(11, 29, 81)
HSL: hsl(225, 76%, 18%)
Luminanz: 0,015

Simply Purple #725CAD

RGB: rgb(114, 92, 173)
HSL: hsl(256, 33%, 52%)
Luminanz: 0,143

Anakiwa #8CCDEB

RGB: rgb(140, 205, 235)
HSL: hsl(199, 70%, 74%)
Luminanz: 0,552

Sunflower Seed #FFE3A9

RGB: rgb(255, 227, 169)
HSL: hsl(40, 100%, 83%)
Luminanz: 0,791

Kontrast & Barrierefreiheit

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

Aa #0B1D51 auf #FFE3A9 12,85:1 AAA

Aa #0B1D51 auf #8CCDEB 9,20:1 AAA

Aa #725CAD auf #FFE3A9 4,37:1 AA (großer Text)

Aa #725CAD auf #8CCDEB 3,13:1 AA (großer Text)

Aa #0B1D51 auf #725CAD 2,94:1 Nicht bestanden

Aa #8CCDEB auf #FFE3A9 1,40:1 Nicht bestanden

Palette „Sunflower Seed“ mit 4 Farben