Registrieren Registrieren
Black Hole Blues

Black Hole Blues

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

Zurück zur Bibliothek

Black Hole Blues

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

Bearbeiten
Gedeckt 7 Farben Kühl Dunkel Analog blue purple space
Likes 32
Farben 7

CSS-Variablen

:root {
  --c-muted-1: #050515;
  --c-muted-2: #141433;
  --c-muted-3: #17174D;
  --c-muted-4: #322563;
  --c-muted-5: #3F2563;
  --c-muted-6: #583578;
  --c-muted-7: #8A4E95;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Cosmic Berry (#8A4E95) bis zum dunkelsten Ton Obsidian Shard (#050515). Sie vereint Obsidian Shard, Lost in Sadness, Tetsu-Kon Blue, Paris M, Fading Horizon, Prism Violet und Cosmic Berry 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

Obsidian Shard #050515
RGB
rgb(5, 5, 21)
HSL
hsl(240, 62%, 5%)
Luminanz
0,002
Lost in Sadness #141433
RGB
rgb(20, 20, 51)
HSL
hsl(240, 44%, 14%)
Luminanz
0,009
Tetsu-Kon Blue #17174D
RGB
rgb(23, 23, 77)
HSL
hsl(240, 54%, 20%)
Luminanz
0,013
Paris M #322563
RGB
rgb(50, 37, 99)
HSL
hsl(253, 46%, 27%)
Luminanz
0,029
Fading Horizon #3F2563
RGB
rgb(63, 37, 99)
HSL
hsl(265, 46%, 27%)
Luminanz
0,033
Prism Violet #583578
RGB
rgb(88, 53, 120)
HSL
hsl(271, 39%, 34%)
Luminanz
0,060
Cosmic Berry #8A4E95
RGB
rgb(138, 78, 149)
HSL
hsl(291, 31%, 45%)
Luminanz
0,130

Kontrast & Barrierefreiheit

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

Aa #050515 auf #8A4E95 3,47:1 AA (großer Text)
Aa #141433 auf #8A4E95 3,06:1 AA (großer Text)
Aa #17174D auf #8A4E95 2,85:1 Nicht bestanden
Aa #322563 auf #8A4E95 2,28:1 Nicht bestanden
Aa #3F2563 auf #8A4E95 2,18:1 Nicht bestanden
Aa #050515 auf #583578 2,11:1 Nicht bestanden
Aa #141433 auf #583578 1,86:1 Nicht bestanden
Aa #17174D auf #583578 1,73:1 Nicht bestanden
Aa #583578 auf #8A4E95 1,64:1 Nicht bestanden
Aa #050515 auf #3F2563 1,59:1 Nicht bestanden
Aa #050515 auf #322563 1,52:1 Nicht bestanden
Aa #141433 auf #3F2563 1,41:1 Nicht bestanden
Aa #322563 auf #583578 1,39:1 Nicht bestanden
Aa #141433 auf #322563 1,34:1 Nicht bestanden
Aa #3F2563 auf #583578 1,33:1 Nicht bestanden
Aa #17174D auf #3F2563 1,31:1 Nicht bestanden
Aa #17174D auf #322563 1,25:1 Nicht bestanden
Aa #050515 auf #17174D 1,22:1 Nicht bestanden
Aa #050515 auf #141433 1,13:1 Nicht bestanden
Aa #141433 auf #17174D 1,08:1 Nicht bestanden
Aa #322563 auf #3F2563 1,05: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