Vividmemory8

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

Zurück zur Bibliothek

Vividmemory8

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär vibrant retro

Likes 340

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #381631;
  --c-vibrant-2: #E21C61;
  --c-vibrant-3: #E26159;
  --c-vibrant-4: #FEA85F;
  --c-vibrant-5: #D8DCB4;
  --c-vibrant-6: #5EB6AD;
  --c-vibrant-7: #1B958D;
  --c-vibrant-8: #105390;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Spring Thyme (#D8DCB4) bis zum dunkelsten Ton Nightly Voyager (#381631). Sie vereint Nightly Voyager, Radiant Raspberry, Fiery Coral, Rajah, Spring Thyme, Artesian Well, Ocean Liner und Yale Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #381631 auf #D8DCB4 mit 11,16:1.

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

Farben im Detail

Nightly Voyager #381631

RGB: rgb(56, 22, 49)
HSL: hsl(312, 44%, 15%)
Luminanz: 0,016

Radiant Raspberry #E21C61

RGB: rgb(226, 28, 97)
HSL: hsl(339, 78%, 50%)
Luminanz: 0,179

Fiery Coral #E26159

RGB: rgb(226, 97, 89)
HSL: hsl(4, 70%, 62%)
Luminanz: 0,254

Rajah #FEA85F

RGB: rgb(254, 168, 95)
HSL: hsl(28, 99%, 68%)
Luminanz: 0,499

Spring Thyme #D8DCB4

RGB: rgb(216, 220, 180)
HSL: hsl(66, 36%, 78%)
Luminanz: 0,691

Artesian Well #5EB6AD

RGB: rgb(94, 182, 173)
HSL: hsl(174, 38%, 54%)
Luminanz: 0,389

Ocean Liner #1B958D

RGB: rgb(27, 149, 141)
HSL: hsl(176, 69%, 35%)
Luminanz: 0,237

Yale Blue #105390

RGB: rgb(16, 83, 144)
HSL: hsl(209, 80%, 31%)
Luminanz: 0,083

Kontrast & Barrierefreiheit

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

Aa #381631 auf #D8DCB4 11,16:1 AAA

Aa #381631 auf #FEA85F 8,27:1 AAA

Aa #381631 auf #5EB6AD 6,61:1 AA

Aa #D8DCB4 auf #105390 5,57:1 AA

Aa #381631 auf #E26159 4,59:1 AA

Aa #381631 auf #1B958D 4,32:1 AA (großer Text)

Aa #FEA85F auf #105390 4,12:1 AA (großer Text)

Aa #381631 auf #E21C61 3,45:1 AA (großer Text)

Aa #5EB6AD auf #105390 3,29:1 AA (großer Text)

Aa #E21C61 auf #D8DCB4 3,24:1 AA (großer Text)

Aa #D8DCB4 auf #1B958D 2,59:1 Nicht bestanden

Aa #E26159 auf #D8DCB4 2,43:1 Nicht bestanden

Aa #E21C61 auf #FEA85F 2,40:1 Nicht bestanden

Aa #E26159 auf #105390 2,29:1 Nicht bestanden

Aa #1B958D auf #105390 2,15:1 Nicht bestanden

Aa #381631 auf #105390 2,01:1 Nicht bestanden

Aa #E21C61 auf #5EB6AD 1,92:1 Nicht bestanden

Aa #FEA85F auf #1B958D 1,92:1 Nicht bestanden

Aa #E26159 auf #FEA85F 1,80:1 Nicht bestanden

Aa #E21C61 auf #105390 1,72:1 Nicht bestanden

Aa #D8DCB4 auf #5EB6AD 1,69:1 Nicht bestanden

Aa #5EB6AD auf #1B958D 1,53:1 Nicht bestanden

Aa #E26159 auf #5EB6AD 1,44:1 Nicht bestanden

Aa #FEA85F auf #D8DCB4 1,35:1 Nicht bestanden

Aa #E21C61 auf #E26159 1,33:1 Nicht bestanden

Aa #E21C61 auf #1B958D 1,25:1 Nicht bestanden

Aa #FEA85F auf #5EB6AD 1,25:1 Nicht bestanden

Aa #E26159 auf #1B958D 1,06:1 Nicht bestanden

Vividmemory8

Vividmemory8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen