Startseite Farbpaletten Space Magic Cocaine Pyramid

Space Magic Cocaine Pyramid

Palette mit 9 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Space Magic Cocaine Pyramid

Palette mit 9 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 9 Farben Neutral Gemischt Komplementär green purple soft space

Likes 46

Farben 9

CSS-Variablen

:root {
  --c-muted-1: #100A18;
  --c-muted-2: #311B50;
  --c-muted-3: #472970;
  --c-muted-4: #6D538F;
  --c-muted-5: #62CF85;
  --c-muted-6: #9CCF62;
  --c-muted-7: #A5F7B6;
  --c-muted-8: #924BEF;
  --c-muted-9: #A981DF;
}

Über diese Palette

Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton Light Seafoam Green (#A5F7B6) bis zum dunkelsten Ton Midnight Oil (#100A18). Sie vereint Midnight Oil, Russian Violet, Abra Purple, Pure Mauve, Spring Bouquet, Be Spontaneous, Light Seafoam Green, Pericallis Hybrida und Lavender Blossom in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #100A18 auf #A5F7B6 mit 15,37:1.

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

Farben im Detail

Midnight Oil #100A18

RGB: rgb(16, 10, 24)
HSL: hsl(266, 41%, 7%)
Luminanz: 0,004

Russian Violet #311B50

RGB: rgb(49, 27, 80)
HSL: hsl(265, 50%, 21%)
Luminanz: 0,020

Abra Purple #472970

RGB: rgb(71, 41, 112)
HSL: hsl(265, 46%, 30%)
Luminanz: 0,041

Pure Mauve #6D538F

RGB: rgb(109, 83, 143)
HSL: hsl(266, 27%, 44%)
Luminanz: 0,114

Spring Bouquet #62CF85

RGB: rgb(98, 207, 133)
HSL: hsl(139, 53%, 60%)
Luminanz: 0,489

Be Spontaneous #9CCF62

RGB: rgb(156, 207, 98)
HSL: hsl(88, 53%, 60%)
Luminanz: 0,526

Light Seafoam Green #A5F7B6

RGB: rgb(165, 247, 182)
HSL: hsl(132, 84%, 81%)
Luminanz: 0,779

Pericallis Hybrida #924BEF

RGB: rgb(146, 75, 239)
HSL: hsl(266, 84%, 62%)
Luminanz: 0,174

Lavender Blossom #A981DF

RGB: rgb(169, 129, 223)
HSL: hsl(266, 59%, 69%)
Luminanz: 0,295

Kontrast & Barrierefreiheit

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

Aa #100A18 auf #A5F7B6 15,37:1 AAA

Aa #311B50 auf #A5F7B6 11,82:1 AAA

Aa #100A18 auf #9CCF62 10,68:1 AAA

Aa #100A18 auf #62CF85 10,00:1 AAA

Aa #472970 auf #A5F7B6 9,11:1 AAA

Aa #311B50 auf #9CCF62 8,21:1 AAA

Aa #311B50 auf #62CF85 7,68:1 AAA

Aa #100A18 auf #A981DF 6,39:1 AA

Aa #472970 auf #9CCF62 6,33:1 AA

Aa #472970 auf #62CF85 5,93:1 AA

Aa #6D538F auf #A5F7B6 5,05:1 AA

Aa #311B50 auf #A981DF 4,91:1 AA

Aa #100A18 auf #924BEF 4,15:1 AA (großer Text)

Aa #472970 auf #A981DF 3,79:1 AA (großer Text)

Aa #A5F7B6 auf #924BEF 3,70:1 AA (großer Text)

Aa #6D538F auf #9CCF62 3,51:1 AA (großer Text)

Aa #6D538F auf #62CF85 3,28:1 AA (großer Text)

Aa #311B50 auf #924BEF 3,19:1 AA (großer Text)

Aa #100A18 auf #6D538F 3,04:1 AA (großer Text)

Aa #9CCF62 auf #924BEF 2,57:1 Nicht bestanden

Aa #472970 auf #924BEF 2,46:1 Nicht bestanden

Aa #62CF85 auf #924BEF 2,41:1 Nicht bestanden

Aa #A5F7B6 auf #A981DF 2,41:1 Nicht bestanden

Aa #311B50 auf #6D538F 2,34:1 Nicht bestanden

Aa #6D538F auf #A981DF 2,10:1 Nicht bestanden

Aa #472970 auf #6D538F 1,81:1 Nicht bestanden

Aa #100A18 auf #472970 1,69:1 Nicht bestanden

Aa #9CCF62 auf #A981DF 1,67:1 Nicht bestanden

Aa #62CF85 auf #A981DF 1,56:1 Nicht bestanden

Aa #62CF85 auf #A5F7B6 1,54:1 Nicht bestanden

Aa #924BEF auf #A981DF 1,54:1 Nicht bestanden

Aa #9CCF62 auf #A5F7B6 1,44:1 Nicht bestanden

Aa #6D538F auf #924BEF 1,36:1 Nicht bestanden

Aa #100A18 auf #311B50 1,30:1 Nicht bestanden

Aa #311B50 auf #472970 1,30:1 Nicht bestanden

Aa #62CF85 auf #9CCF62 1,07:1 Nicht bestanden

Space Magic Cocaine Pyramid