Startseite Farbpaletten Palette „Pure Pleasure“ mit 4 Farben

Palette „Pure Pleasure“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pure Pleasure“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 2.714

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F30E5C;
  --c-vibrant-2: #F6F3A7;
  --c-vibrant-3: #F6C523;
  --c-vibrant-4: #228C7B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Thunderdome (#F6F3A7) bis zum dunkelsten Ton Pure Pleasure (#F30E5C). Sie vereint Pure Pleasure, Thunderdome, Moon Yellow und Palm Springs Splash 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

Pure Pleasure #F30E5C

RGB: rgb(243, 14, 92)
HSL: hsl(340, 91%, 50%)
Luminanz: 0,201

Thunderdome #F6F3A7

RGB: rgb(246, 243, 167)
HSL: hsl(58, 81%, 81%)
Luminanz: 0,865

Moon Yellow #F6C523

RGB: rgb(246, 197, 35)
HSL: hsl(46, 92%, 55%)
Luminanz: 0,597

Palm Springs Splash #228C7B

RGB: rgb(34, 140, 123)
HSL: hsl(170, 61%, 34%)
Luminanz: 0,205

Kontrast & Barrierefreiheit

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

Aa #F30E5C auf #F6F3A7 3,64:1 AA (großer Text)

Aa #F6F3A7 auf #228C7B 3,58:1 AA (großer Text)

Aa #F30E5C auf #F6C523 2,57:1 Nicht bestanden

Aa #F6C523 auf #228C7B 2,53:1 Nicht bestanden

Aa #F6F3A7 auf #F6C523 1,42:1 Nicht bestanden

Aa #F30E5C auf #228C7B 1,02:1 Nicht bestanden

Palette „Pure Pleasure“ mit 4 Farben