Startseite Farbpaletten Palette „Grenadine Pink“ mit 4 Farben

Palette „Grenadine Pink“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Grenadine Pink“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär

Likes 3.682

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FEFFEA;
  --c-vibrant-2: #A3DE83;
  --c-vibrant-3: #2EB872;
  --c-vibrant-4: #FF5D6E;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Gaslight (#FEFFEA) bis zum dunkelsten Ton Grenadine Pink (#FF5D6E). Sie vereint Gaslight, Feijoa, Turtle Warrior und Grenadine Pink 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

Gaslight #FEFFEA

RGB: rgb(254, 255, 234)
HSL: hsl(63, 100%, 96%)
Luminanz: 0,985

Feijoa #A3DE83

RGB: rgb(163, 222, 131)
HSL: hsl(99, 58%, 69%)
Luminanz: 0,617

Turtle Warrior #2EB872

RGB: rgb(46, 184, 114)
HSL: hsl(150, 60%, 45%)
Luminanz: 0,361

Grenadine Pink #FF5D6E

RGB: rgb(255, 93, 110)
HSL: hsl(354, 100%, 68%)
Luminanz: 0,302

Kontrast & Barrierefreiheit

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

Aa #FEFFEA auf #FF5D6E 2,94:1 Nicht bestanden

Aa #FEFFEA auf #2EB872 2,52:1 Nicht bestanden

Aa #A3DE83 auf #FF5D6E 1,89:1 Nicht bestanden

Aa #A3DE83 auf #2EB872 1,62:1 Nicht bestanden

Aa #FEFFEA auf #A3DE83 1,55:1 Nicht bestanden

Aa #2EB872 auf #FF5D6E 1,17:1 Nicht bestanden

Palette „Grenadine Pink“ mit 4 Farben