Cyber Punk

Palette mit 9 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Cyber Punk

Palette mit 9 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 9 Farben Kühl Gemischt Triadisch

Likes 35

Farben 9

CSS-Variablen

:root {
  --c-muted-1: #23232B;
  --c-muted-2: #241A44;
  --c-muted-3: #292A50;
  --c-muted-4: #285B77;
  --c-muted-5: #0B959F;
  --c-muted-6: #06CFCE;
  --c-muted-7: #ECECED;
  --c-muted-8: #D3167C;
  --c-muted-9: #8D155E;
}

Über diese Palette

Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton Coronation (#ECECED) bis zum dunkelsten Ton Azulado (#241A44). Sie vereint Dark Gunmetal, Azulado, Lucky Point, Nautical Creatures, Peacock Feather, Neon Lagoon, Coronation, Crazy Ex und Bane of Royalty in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #241A44 auf #ECECED mit 13,62:1.

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

Farben im Detail

Dark Gunmetal #23232B

RGB: rgb(35, 35, 43)
HSL: hsl(240, 10%, 15%)
Luminanz: 0,017

Azulado #241A44

RGB: rgb(36, 26, 68)
HSL: hsl(254, 45%, 18%)
Luminanz: 0,015

Lucky Point #292A50

RGB: rgb(41, 42, 80)
HSL: hsl(238, 32%, 24%)
Luminanz: 0,027

Nautical Creatures #285B77

RGB: rgb(40, 91, 119)
HSL: hsl(201, 50%, 31%)
Luminanz: 0,093

Peacock Feather #0B959F

RGB: rgb(11, 149, 159)
HSL: hsl(184, 87%, 33%)
Luminanz: 0,241

Neon Lagoon #06CFCE

RGB: rgb(6, 207, 206)
HSL: hsl(180, 94%, 42%)
Luminanz: 0,491

Coronation #ECECED

RGB: rgb(236, 236, 237)
HSL: hsl(240, 3%, 93%)
Luminanz: 0,839

Crazy Ex #D3167C

RGB: rgb(211, 22, 124)
HSL: hsl(328, 81%, 46%)
Luminanz: 0,159

Bane of Royalty #8D155E

RGB: rgb(141, 21, 94)
HSL: hsl(324, 74%, 32%)
Luminanz: 0,070

Kontrast & Barrierefreiheit

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

Aa #241A44 auf #ECECED 13,62:1 AAA

Aa #23232B auf #ECECED 13,21:1 AAA

Aa #292A50 auf #ECECED 11,54:1 AAA

Aa #241A44 auf #06CFCE 8,29:1 AAA

Aa #23232B auf #06CFCE 8,04:1 AAA

Aa #ECECED auf #8D155E 7,41:1 AAA

Aa #292A50 auf #06CFCE 7,02:1 AAA

Aa #285B77 auf #ECECED 6,23:1 AA

Aa #06CFCE auf #8D155E 4,51:1 AA

Aa #241A44 auf #0B959F 4,45:1 AA (großer Text)

Aa #23232B auf #0B959F 4,32:1 AA (großer Text)

Aa #ECECED auf #D3167C 4,26:1 AA (großer Text)

Aa #285B77 auf #06CFCE 3,79:1 AA (großer Text)

Aa #292A50 auf #0B959F 3,77:1 AA (großer Text)

Aa #241A44 auf #D3167C 3,20:1 AA (großer Text)

Aa #23232B auf #D3167C 3,10:1 AA (großer Text)

Aa #0B959F auf #ECECED 3,06:1 AA (großer Text)

Aa #292A50 auf #D3167C 2,71:1 Nicht bestanden

Aa #06CFCE auf #D3167C 2,59:1 Nicht bestanden

Aa #0B959F auf #8D155E 2,42:1 Nicht bestanden

Aa #241A44 auf #285B77 2,18:1 Nicht bestanden

Aa #23232B auf #285B77 2,12:1 Nicht bestanden

Aa #285B77 auf #0B959F 2,04:1 Nicht bestanden

Aa #0B959F auf #06CFCE 1,86:1 Nicht bestanden

Aa #292A50 auf #285B77 1,85:1 Nicht bestanden

Aa #241A44 auf #8D155E 1,84:1 Nicht bestanden

Aa #23232B auf #8D155E 1,78:1 Nicht bestanden

Aa #D3167C auf #8D155E 1,74:1 Nicht bestanden

Aa #06CFCE auf #ECECED 1,64:1 Nicht bestanden

Aa #292A50 auf #8D155E 1,56:1 Nicht bestanden

Aa #285B77 auf #D3167C 1,46:1 Nicht bestanden

Aa #0B959F auf #D3167C 1,39:1 Nicht bestanden

Aa #285B77 auf #8D155E 1,19:1 Nicht bestanden

Aa #241A44 auf #292A50 1,18:1 Nicht bestanden

Aa #23232B auf #292A50 1,14:1 Nicht bestanden

Aa #23232B auf #241A44 1,03:1 Nicht bestanden

Cyber Punk

Cyber Punk

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen