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 7.348

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #D83A56;
  --c-vibrant-2: #FF616D;
  --c-vibrant-3: #FFEAC9;
  --c-vibrant-4: #66DE93;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Frittata (#FFEAC9) bis zum dunkelsten Ton Match Head (#D83A56). Sie vereint Match Head, Grenadine Pink, Frittata und Aurora Green 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

Match Head #D83A56

RGB: rgb(216, 58, 86)
HSL: hsl(349, 67%, 54%)
Luminanz: 0,183

Grenadine Pink #FF616D

RGB: rgb(255, 97, 109)
HSL: hsl(355, 100%, 69%)
Luminanz: 0,309

Frittata #FFEAC9

RGB: rgb(255, 234, 201)
HSL: hsl(37, 100%, 89%)
Luminanz: 0,843

Aurora Green #66DE93

RGB: rgb(102, 222, 147)
HSL: hsl(143, 65%, 64%)
Luminanz: 0,572

Kontrast & Barrierefreiheit

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

Aa #D83A56 auf #FFEAC9 3,83:1 AA (großer Text)

Aa #D83A56 auf #66DE93 2,67:1 Nicht bestanden

Aa #FF616D auf #FFEAC9 2,49:1 Nicht bestanden

Aa #FF616D auf #66DE93 1,73:1 Nicht bestanden

Aa #D83A56 auf #FF616D 1,54:1 Nicht bestanden

Aa #FFEAC9 auf #66DE93 1,44:1 Nicht bestanden

Palette „Grenadine Pink“ mit 4 Farben