Startseite Farbpaletten Grape Soda Arcade

Grape Soda Arcade

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

Zurück zur Bibliothek

Grape Soda Arcade

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

Bearbeiten

Lebendig 6 Farben Warm Gemischt Komplementär night space retro arcade

Likes 91

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #18215D;
  --c-vibrant-2: #503197;
  --c-vibrant-3: #BF53C9;
  --c-vibrant-4: #E17CB7;
  --c-vibrant-5: #EFAAA5;
  --c-vibrant-6: #F6E0C8;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Almeja (#F6E0C8) bis zum dunkelsten Ton Fibonacci Blue (#18215D). Sie vereint Fibonacci Blue, Blue Magenta Violet, Love Priestess, Fuchsia Blush, Pressed Rose und Almeja in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #18215D auf #F6E0C8 mit 11,61:1.

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

Farben im Detail

Fibonacci Blue #18215D

RGB: rgb(24, 33, 93)
HSL: hsl(232, 59%, 23%)
Luminanz: 0,021

Blue Magenta Violet #503197

RGB: rgb(80, 49, 151)
HSL: hsl(258, 51%, 39%)
Luminanz: 0,061

Love Priestess #BF53C9

RGB: rgb(191, 83, 201)
HSL: hsl(295, 52%, 56%)
Luminanz: 0,215

Fuchsia Blush #E17CB7

RGB: rgb(225, 124, 183)
HSL: hsl(325, 63%, 68%)
Luminanz: 0,338

Pressed Rose #EFAAA5

RGB: rgb(239, 170, 165)
HSL: hsl(4, 70%, 79%)
Luminanz: 0,498

Almeja #F6E0C8

RGB: rgb(246, 224, 200)
HSL: hsl(31, 72%, 87%)
Luminanz: 0,771

Kontrast & Barrierefreiheit

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

Aa #18215D auf #F6E0C8 11,61:1 AAA

Aa #18215D auf #EFAAA5 7,75:1 AAA

Aa #503197 auf #F6E0C8 7,37:1 AAA

Aa #18215D auf #E17CB7 5,49:1 AA

Aa #503197 auf #EFAAA5 4,92:1 AA

Aa #18215D auf #BF53C9 3,74:1 AA (großer Text)

Aa #503197 auf #E17CB7 3,49:1 AA (großer Text)

Aa #BF53C9 auf #F6E0C8 3,10:1 AA (großer Text)

Aa #503197 auf #BF53C9 2,38:1 Nicht bestanden

Aa #E17CB7 auf #F6E0C8 2,11:1 Nicht bestanden

Aa #BF53C9 auf #EFAAA5 2,07:1 Nicht bestanden

Aa #18215D auf #503197 1,57:1 Nicht bestanden

Aa #EFAAA5 auf #F6E0C8 1,50:1 Nicht bestanden

Aa #BF53C9 auf #E17CB7 1,47:1 Nicht bestanden

Aa #E17CB7 auf #EFAAA5 1,41:1 Nicht bestanden

Grape Soda Arcade