Startseite Farbpaletten Palette „Metal Spark“ mit 4 Farben

Palette „Metal Spark“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Metal Spark“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Analog

Likes 794

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F2FC9F;
  --c-vibrant-2: #EDBB91;
  --c-vibrant-3: #DA6969;
  --c-vibrant-4: #B05977;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Metal Spark (#F2FC9F) bis zum dunkelsten Ton Indian Pink (#B05977). Sie vereint Metal Spark, Golden Oat Coloured, Red Geranium und Indian 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

Metal Spark #F2FC9F

RGB: rgb(242, 252, 159)
HSL: hsl(66, 94%, 81%)
Luminanz: 0,910

Golden Oat Coloured #EDBB91

RGB: rgb(237, 187, 145)
HSL: hsl(27, 72%, 75%)
Luminanz: 0,556

Red Geranium #DA6969

RGB: rgb(218, 105, 105)
HSL: hsl(0, 60%, 63%)
Luminanz: 0,260

Indian Pink #B05977

RGB: rgb(176, 89, 119)
HSL: hsl(339, 36%, 52%)
Luminanz: 0,177

Kontrast & Barrierefreiheit

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

Aa #F2FC9F auf #B05977 4,23:1 AA (großer Text)

Aa #F2FC9F auf #DA6969 3,09:1 AA (großer Text)

Aa #EDBB91 auf #B05977 2,67:1 Nicht bestanden

Aa #EDBB91 auf #DA6969 1,95:1 Nicht bestanden

Aa #F2FC9F auf #EDBB91 1,58:1 Nicht bestanden

Aa #DA6969 auf #B05977 1,37:1 Nicht bestanden

Palette „Metal Spark“ mit 4 Farben