Startseite Farbpaletten Palette „Strawberry Pink“ mit 4 Farben

Palette „Strawberry Pink“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Strawberry Pink“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 7.185

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F8B195;
  --c-vibrant-2: #F67280;
  --c-vibrant-3: #C06C84;
  --c-vibrant-4: #355C7D;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Mermaid Cheeks (#F8B195) bis zum dunkelsten Ton Matisse (#355C7D). Sie vereint Mermaid Cheeks, Strawberry Pink, Creamed Raspberry und Matisse 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

Mermaid Cheeks #F8B195

RGB: rgb(248, 177, 149)
HSL: hsl(17, 88%, 78%)
Luminanz: 0,536

Strawberry Pink #F67280

RGB: rgb(246, 114, 128)
HSL: hsl(354, 88%, 71%)
Luminanz: 0,332

Creamed Raspberry #C06C84

RGB: rgb(192, 108, 132)
HSL: hsl(343, 40%, 59%)
Luminanz: 0,236

Matisse #355C7D

RGB: rgb(53, 92, 125)
HSL: hsl(208, 40%, 35%)
Luminanz: 0,099

Kontrast & Barrierefreiheit

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

Aa #F8B195 auf #355C7D 3,93:1 AA (großer Text)

Aa #F67280 auf #355C7D 2,56:1 Nicht bestanden

Aa #F8B195 auf #C06C84 2,05:1 Nicht bestanden

Aa #C06C84 auf #355C7D 1,92:1 Nicht bestanden

Aa #F8B195 auf #F67280 1,53:1 Nicht bestanden

Aa #F67280 auf #C06C84 1,34:1 Nicht bestanden

Palette „Strawberry Pink“ mit 4 Farben