Registrieren Registrieren
Midnight Magic

Midnight Magic

Palette mit 7 Farben · Kühl · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

Midnight Magic

Palette mit 7 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Analog

Bearbeiten
Gedeckt 7 Farben Kühl Dunkel Analog purple
Likes 74
Farben 7

CSS-Variablen

:root {
  --c-muted-1: #05020D;
  --c-muted-2: #12021A;
  --c-muted-3: #1D072A;
  --c-muted-4: #260F3F;
  --c-muted-5: #381E5E;
  --c-muted-6: #4D3981;
  --c-muted-7: #6660A3;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Giant Onion (#6660A3) bis zum dunkelsten Ton Broken Tube (#05020D). Sie vereint Broken Tube, Midnight Jam, Black Sabbath, Shadow Planet, Christalle, Prism Violet und Giant Onion in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 21 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

Broken Tube #05020D
RGB
rgb(5, 2, 13)
HSL
hsl(256, 73%, 3%)
Luminanz
0,001
Midnight Jam #12021A
RGB
rgb(18, 2, 26)
HSL
hsl(280, 86%, 5%)
Luminanz
0,003
Black Sabbath #1D072A
RGB
rgb(29, 7, 42)
HSL
hsl(278, 71%, 10%)
Luminanz
0,006
Shadow Planet #260F3F
RGB
rgb(38, 15, 63)
HSL
hsl(269, 62%, 15%)
Luminanz
0,011
Christalle #381E5E
RGB
rgb(56, 30, 94)
HSL
hsl(264, 52%, 24%)
Luminanz
0,026
Prism Violet #4D3981
RGB
rgb(77, 57, 129)
HSL
hsl(257, 39%, 36%)
Luminanz
0,061
Giant Onion #6660A3
RGB
rgb(102, 96, 163)
HSL
hsl(245, 27%, 51%)
Luminanz
0,138

Kontrast & Barrierefreiheit

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

Aa #05020D auf #6660A3 3,69:1 AA (großer Text)
Aa #12021A auf #6660A3 3,59:1 AA (großer Text)
Aa #1D072A auf #6660A3 3,38:1 AA (großer Text)
Aa #260F3F auf #6660A3 3,08:1 AA (großer Text)
Aa #381E5E auf #6660A3 2,49:1 Nicht bestanden
Aa #05020D auf #4D3981 2,17:1 Nicht bestanden
Aa #12021A auf #4D3981 2,11:1 Nicht bestanden
Aa #1D072A auf #4D3981 1,99:1 Nicht bestanden
Aa #260F3F auf #4D3981 1,81:1 Nicht bestanden
Aa #4D3981 auf #6660A3 1,70:1 Nicht bestanden
Aa #05020D auf #381E5E 1,48:1 Nicht bestanden
Aa #381E5E auf #4D3981 1,46:1 Nicht bestanden
Aa #12021A auf #381E5E 1,44:1 Nicht bestanden
Aa #1D072A auf #381E5E 1,36:1 Nicht bestanden
Aa #260F3F auf #381E5E 1,24:1 Nicht bestanden
Aa #05020D auf #260F3F 1,20:1 Nicht bestanden
Aa #12021A auf #260F3F 1,17:1 Nicht bestanden
Aa #1D072A auf #260F3F 1,10:1 Nicht bestanden
Aa #05020D auf #1D072A 1,09:1 Nicht bestanden
Aa #12021A auf #1D072A 1,06:1 Nicht bestanden
Aa #05020D auf #12021A 1,03:1 Nicht bestanden

Ähnliche Paletten

#212121 #323232 #0D7377 #14FFEC
4 Farben
#0A2647 #144272 #205295 #2C74B3
4 Farben
#040D12 #183D3D #5C8374 #93B1A6
4 Farben
#142850 #27496D #0C7B93 #00A8CC
4 Farben
#635985 #443C68 #393053 #18122B
4 Farben
#000000 #150050 #3F0071 #610094
4 Farben
#151515 #301B3F #3C415C #B4A5A5
4 Farben
#041C32 #04293A #064663 #ECB365
4 Farben