Startseite Farbpaletten Palette „Golden Nectar“ mit 4 Farben

Palette „Golden Nectar“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Golden Nectar“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Analog

Likes 3.294

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFD96A;
  --c-vibrant-2: #F34949;
  --c-vibrant-3: #FF9090;
  --c-vibrant-4: #FFB6B9;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Golden Nectar (#FFD96A) bis zum dunkelsten Ton Angry Flamingo (#F34949). Sie vereint Golden Nectar, Angry Flamingo, Cherished One und Young Salmon 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

Golden Nectar #FFD96A

RGB: rgb(255, 217, 106)
HSL: hsl(45, 100%, 71%)
Luminanz: 0,719

Angry Flamingo #F34949

RGB: rgb(243, 73, 73)
HSL: hsl(0, 88%, 62%)
Luminanz: 0,243

Cherished One #FF9090

RGB: rgb(255, 144, 144)
HSL: hsl(0, 100%, 78%)
Luminanz: 0,432

Young Salmon #FFB6B9

RGB: rgb(255, 182, 185)
HSL: hsl(358, 100%, 86%)
Luminanz: 0,582

Kontrast & Barrierefreiheit

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

Aa #FFD96A auf #F34949 2,63:1 Nicht bestanden

Aa #F34949 auf #FFB6B9 2,16:1 Nicht bestanden

Aa #F34949 auf #FF9090 1,65:1 Nicht bestanden

Aa #FFD96A auf #FF9090 1,60:1 Nicht bestanden

Aa #FF9090 auf #FFB6B9 1,31:1 Nicht bestanden

Aa #FFD96A auf #FFB6B9 1,22:1 Nicht bestanden

Palette „Golden Nectar“ mit 4 Farben