Startseite Farbpaletten Palette „Peaches à la Crème“ mit 4 Farben

Palette „Peaches à la Crème“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Peaches à la Crème“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 2.299

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #E7759A;
  --c-vibrant-2: #FFA35F;
  --c-vibrant-3: #BA78CD;
  --c-vibrant-4: #755DA3;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Peaches à la Crème (#FFA35F) bis zum dunkelsten Ton Sumire Violet (#755DA3). Sie vereint Embarrassed, Peaches à la Crème, Lavendless und Sumire Violet 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

Embarrassed #E7759A

RGB: rgb(231, 117, 154)
HSL: hsl(341, 70%, 68%)
Luminanz: 0,320

Peaches à la Crème #FFA35F

RGB: rgb(255, 163, 95)
HSL: hsl(26, 100%, 69%)
Luminanz: 0,483

Lavendless #BA78CD

RGB: rgb(186, 120, 205)
HSL: hsl(287, 46%, 64%)
Luminanz: 0,283

Sumire Violet #755DA3

RGB: rgb(117, 93, 163)
HSL: hsl(261, 28%, 50%)
Luminanz: 0,143

Kontrast & Barrierefreiheit

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

Aa #FFA35F auf #755DA3 2,77:1 Nicht bestanden

Aa #E7759A auf #755DA3 1,92:1 Nicht bestanden

Aa #BA78CD auf #755DA3 1,73:1 Nicht bestanden

Aa #FFA35F auf #BA78CD 1,60:1 Nicht bestanden

Aa #E7759A auf #FFA35F 1,44:1 Nicht bestanden

Aa #E7759A auf #BA78CD 1,11:1 Nicht bestanden

Palette „Peaches à la Crème“ mit 4 Farben