Startseite Farbpaletten Palette „Quiche Lorraine“ mit 4 Farben

Palette „Quiche Lorraine“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Quiche Lorraine“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Triadisch

Likes 4.984

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #905E96;
  --c-vibrant-2: #D58BDD;
  --c-vibrant-3: #FF99D7;
  --c-vibrant-4: #FFD372;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Quiche Lorraine (#FFD372) bis zum dunkelsten Ton Aster Violetta (#905E96). Sie vereint Aster Violetta, Blush Essence, Pink Condition und Quiche Lorraine 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

Aster Violetta #905E96

RGB: rgb(144, 94, 150)
HSL: hsl(294, 23%, 48%)
Luminanz: 0,161

Blush Essence #D58BDD

RGB: rgb(213, 139, 221)
HSL: hsl(294, 55%, 71%)
Luminanz: 0,378

Pink Condition #FF99D7

RGB: rgb(255, 153, 215)
HSL: hsl(324, 100%, 80%)
Luminanz: 0,490

Quiche Lorraine #FFD372

RGB: rgb(255, 211, 114)
HSL: hsl(41, 100%, 72%)
Luminanz: 0,691

Kontrast & Barrierefreiheit

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

Aa #905E96 auf #FFD372 3,50:1 AA (großer Text)

Aa #905E96 auf #FF99D7 2,55:1 Nicht bestanden

Aa #905E96 auf #D58BDD 2,03:1 Nicht bestanden

Aa #D58BDD auf #FFD372 1,73:1 Nicht bestanden

Aa #FF99D7 auf #FFD372 1,37:1 Nicht bestanden

Aa #D58BDD auf #FF99D7 1,26:1 Nicht bestanden

Palette „Quiche Lorraine“ mit 4 Farben