Startseite Farbpaletten Palette „Grenadine Pink“ mit 4 Farben

Palette „Grenadine Pink“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Analog

Zurück zur Bibliothek

Palette „Grenadine Pink“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Warm Hell Analog

Likes 5.002

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #8CBA51;
  --c-vibrant-2: #DEFF8B;
  --c-vibrant-3: #FBCEB5;
  --c-vibrant-4: #FF5D6C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Key Lime Water (#DEFF8B) bis zum dunkelsten Ton Grenadine Pink (#FF5D6C). Sie vereint Makin It Rain, Key Lime Water, Apricot Lily 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

Makin It Rain #8CBA51

RGB: rgb(140, 186, 81)
HSL: hsl(86, 43%, 52%)
Luminanz: 0,413

Key Lime Water #DEFF8B

RGB: rgb(222, 255, 139)
HSL: hsl(77, 100%, 77%)
Luminanz: 0,889

Apricot Lily #FBCEB5

RGB: rgb(251, 206, 181)
HSL: hsl(21, 90%, 85%)
Luminanz: 0,680

Grenadine Pink #FF5D6C

RGB: rgb(255, 93, 108)
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 #DEFF8B auf #FF5D6C 2,67:1 Nicht bestanden

Aa #FBCEB5 auf #FF5D6C 2,08:1 Nicht bestanden

Aa #8CBA51 auf #DEFF8B 2,03:1 Nicht bestanden

Aa #8CBA51 auf #FBCEB5 1,58:1 Nicht bestanden

Aa #8CBA51 auf #FF5D6C 1,32:1 Nicht bestanden

Aa #DEFF8B auf #FBCEB5 1,29:1 Nicht bestanden

Palette „Grenadine Pink“ mit 4 Farben