Startseite Farbpaletten Benzinschein VII

Benzinschein VII

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

Zurück zur Bibliothek

Benzinschein VII

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

Bearbeiten

Lebendig 7 Farben Warm Gemischt Komplementär fydotiles 3bit highcontrast windfallapples

Likes 29

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #E34A69;
  --c-vibrant-2: #FFE796;
  --c-vibrant-3: #82E9F5;
  --c-vibrant-4: #11BA74;
  --c-vibrant-5: #865ABA;
  --c-vibrant-6: #75580F;
  --c-vibrant-7: #4F2630;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Chilled Lemonade (#FFE796) bis zum dunkelsten Ton Heath (#4F2630). Sie vereint Rouge Red, Chilled Lemonade, Bath Water, Green Teal, Lusty Lavender, Coffee Adept und Heath in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFE796 auf #4F2630 mit 10,36:1.

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

Farben im Detail

Rouge Red #E34A69

RGB: rgb(227, 74, 105)
HSL: hsl(348, 73%, 59%)
Luminanz: 0,223

Chilled Lemonade #FFE796

RGB: rgb(255, 231, 150)
HSL: hsl(46, 100%, 79%)
Luminanz: 0,806

Bath Water #82E9F5

RGB: rgb(130, 233, 245)
HSL: hsl(186, 85%, 74%)
Luminanz: 0,696

Green Teal #11BA74

RGB: rgb(17, 186, 116)
HSL: hsl(155, 83%, 40%)
Luminanz: 0,365

Lusty Lavender #865ABA

RGB: rgb(134, 90, 186)
HSL: hsl(268, 41%, 54%)
Luminanz: 0,159

Coffee Adept #75580F

RGB: rgb(117, 88, 15)
HSL: hsl(43, 77%, 26%)
Luminanz: 0,108

Heath #4F2630

RGB: rgb(79, 38, 48)
HSL: hsl(345, 35%, 23%)
Luminanz: 0,033

Kontrast & Barrierefreiheit

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

Aa #FFE796 auf #4F2630 10,36:1 AAA

Aa #82E9F5 auf #4F2630 9,03:1 AAA

Aa #FFE796 auf #75580F 5,42:1 AA

Aa #11BA74 auf #4F2630 5,02:1 AA

Aa #82E9F5 auf #75580F 4,72:1 AA

Aa #FFE796 auf #865ABA 4,09:1 AA (großer Text)

Aa #82E9F5 auf #865ABA 3,57:1 AA (großer Text)

Aa #E34A69 auf #4F2630 3,30:1 AA (großer Text)

Aa #E34A69 auf #FFE796 3,14:1 AA (großer Text)

Aa #E34A69 auf #82E9F5 2,74:1 Nicht bestanden

Aa #11BA74 auf #75580F 2,63:1 Nicht bestanden

Aa #865ABA auf #4F2630 2,53:1 Nicht bestanden

Aa #FFE796 auf #11BA74 2,06:1 Nicht bestanden

Aa #11BA74 auf #865ABA 1,98:1 Nicht bestanden

Aa #75580F auf #4F2630 1,91:1 Nicht bestanden

Aa #82E9F5 auf #11BA74 1,80:1 Nicht bestanden

Aa #E34A69 auf #75580F 1,73:1 Nicht bestanden

Aa #E34A69 auf #11BA74 1,52:1 Nicht bestanden

Aa #865ABA auf #75580F 1,32:1 Nicht bestanden

Aa #E34A69 auf #865ABA 1,30:1 Nicht bestanden

Aa #FFE796 auf #82E9F5 1,15:1 Nicht bestanden

Benzinschein VII