Startseite Farbpaletten Palette „Red Mana“ mit 4 Farben

Palette „Red Mana“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Red Mana“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Analog

Likes 2.101

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F6EC66;
  --c-vibrant-2: #FADC6D;
  --c-vibrant-3: #F97272;
  --c-vibrant-4: #F65454;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Yellowish (#F6EC66) bis zum dunkelsten Ton Red Mana (#F65454). Sie vereint Yellowish, Hawkbit, Georgia Peach und Red Mana 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

Yellowish #F6EC66

RGB: rgb(246, 236, 102)
HSL: hsl(56, 89%, 68%)
Luminanz: 0,805

Hawkbit #FADC6D

RGB: rgb(250, 220, 109)
HSL: hsl(47, 93%, 70%)
Luminanz: 0,726

Georgia Peach #F97272

RGB: rgb(249, 114, 114)
HSL: hsl(0, 92%, 71%)
Luminanz: 0,334

Red Mana #F65454

RGB: rgb(246, 84, 84)
HSL: hsl(0, 90%, 65%)
Luminanz: 0,266

Kontrast & Barrierefreiheit

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

Aa #F6EC66 auf #F65454 2,71:1 Nicht bestanden

Aa #FADC6D auf #F65454 2,46:1 Nicht bestanden

Aa #F6EC66 auf #F97272 2,23:1 Nicht bestanden

Aa #FADC6D auf #F97272 2,02:1 Nicht bestanden

Aa #F97272 auf #F65454 1,22:1 Nicht bestanden

Aa #F6EC66 auf #FADC6D 1,10:1 Nicht bestanden

Palette „Red Mana“ mit 4 Farben