Startseite Farbpaletten Spring Flowerfield

Spring Flowerfield

Palette mit 4 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Spring Flowerfield

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär pink blue yellow teal

Likes 26

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #72EDAD;
  --c-vibrant-2: #7274ED;
  --c-vibrant-3: #ED72B1;
  --c-vibrant-4: #EDEB72;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Illuminating (#EDEB72) bis zum dunkelsten Ton Hera Blue (#7274ED). Sie vereint Screen Glow, Hera Blue, Amaranth und Illuminating 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

Screen Glow #72EDAD

RGB: rgb(114, 237, 173)
HSL: hsl(149, 77%, 69%)
Luminanz: 0,672

Hera Blue #7274ED

RGB: rgb(114, 116, 237)
HSL: hsl(239, 77%, 69%)
Luminanz: 0,222

Amaranth #ED72B1

RGB: rgb(237, 114, 177)
HSL: hsl(329, 77%, 69%)
Luminanz: 0,332

Illuminating #EDEB72

RGB: rgb(237, 235, 114)
HSL: hsl(59, 77%, 69%)
Luminanz: 0,786

Kontrast & Barrierefreiheit

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

Aa #7274ED auf #EDEB72 3,08:1 AA (großer Text)

Aa #72EDAD auf #7274ED 2,65:1 Nicht bestanden

Aa #ED72B1 auf #EDEB72 2,19:1 Nicht bestanden

Aa #72EDAD auf #ED72B1 1,89:1 Nicht bestanden

Aa #7274ED auf #ED72B1 1,41:1 Nicht bestanden

Aa #72EDAD auf #EDEB72 1,16:1 Nicht bestanden

Spring Flowerfield