Startseite Farbpaletten Palette „Miami Marmalade“ mit 4 Farben

Palette „Miami Marmalade“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Miami Marmalade“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 4.992

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F2CD5C;
  --c-vibrant-2: #F2921D;
  --c-vibrant-3: #A61F69;
  --c-vibrant-4: #400E32;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sorreno Lemon (#F2CD5C) bis zum dunkelsten Ton Greek Aubergine (#400E32). Sie vereint Sorreno Lemon, Miami Marmalade, Plastic Lips und Greek Aubergine in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F2CD5C auf #400E32 mit 10,3:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Sorreno Lemon #F2CD5C

RGB: rgb(242, 205, 92)
HSL: hsl(45, 85%, 65%)
Luminanz: 0,633

Miami Marmalade #F2921D

RGB: rgb(242, 146, 29)
HSL: hsl(33, 89%, 53%)
Luminanz: 0,395

Plastic Lips #A61F69

RGB: rgb(166, 31, 105)
HSL: hsl(327, 69%, 39%)
Luminanz: 0,101

Greek Aubergine #400E32

RGB: rgb(64, 14, 50)
HSL: hsl(317, 64%, 15%)
Luminanz: 0,016

Kontrast & Barrierefreiheit

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

Aa #F2CD5C auf #400E32 10,30:1 AAA

Aa #F2921D auf #400E32 6,71:1 AA

Aa #F2CD5C auf #A61F69 4,52:1 AA

Aa #F2921D auf #A61F69 2,95:1 Nicht bestanden

Aa #A61F69 auf #400E32 2,28:1 Nicht bestanden

Aa #F2CD5C auf #F2921D 1,53:1 Nicht bestanden

Palette „Miami Marmalade“ mit 4 Farben