Startseite Farbpaletten Punolite Streetlight

Punolite Streetlight

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

Zurück zur Bibliothek

Punolite Streetlight

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

Bearbeiten

Gedeckt 7 Farben Kühl Dunkel Triadisch blue purple moody 7colors

Likes 27

Farben 7

CSS-Variablen

:root {
  --c-muted-1: #CAEBE0;
  --c-muted-2: #729AA1;
  --c-muted-3: #446077;
  --c-muted-4: #2E3850;
  --c-muted-5: #1E182E;
  --c-muted-6: #14081A;
  --c-muted-7: #070109;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Ice Water Green (#CAEBE0) bis zum dunkelsten Ton Ninja (#070109). Sie vereint Ice Water Green, Great Fennel Flower, Steel Blue Grey, Blue Fantastic, Sambucus, Crow und Ninja in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #CAEBE0 auf #070109 mit 16,19:1.

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

Farben im Detail

Ice Water Green #CAEBE0

RGB: rgb(202, 235, 224)
HSL: hsl(160, 45%, 86%)
Luminanz: 0,774

Great Fennel Flower #729AA1

RGB: rgb(114, 154, 161)
HSL: hsl(189, 20%, 54%)
Luminanz: 0,293

Steel Blue Grey #446077

RGB: rgb(68, 96, 119)
HSL: hsl(207, 27%, 37%)
Luminanz: 0,109

Blue Fantastic #2E3850

RGB: rgb(46, 56, 80)
HSL: hsl(222, 27%, 25%)
Luminanz: 0,040

Sambucus #1E182E

RGB: rgb(30, 24, 46)
HSL: hsl(256, 31%, 14%)
Luminanz: 0,011

Crow #14081A

RGB: rgb(20, 8, 26)
HSL: hsl(280, 53%, 7%)
Luminanz: 0,004

Ninja #070109

RGB: rgb(7, 1, 9)
HSL: hsl(285, 80%, 2%)
Luminanz: 0,001

Kontrast & Barrierefreiheit

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

Aa #CAEBE0 auf #070109 16,19:1 AAA

Aa #CAEBE0 auf #14081A 15,26:1 AAA

Aa #CAEBE0 auf #1E182E 13,44:1 AAA

Aa #CAEBE0 auf #2E3850 9,16:1 AAA

Aa #729AA1 auf #070109 6,74:1 AA

Aa #729AA1 auf #14081A 6,35:1 AA

Aa #729AA1 auf #1E182E 5,59:1 AA

Aa #CAEBE0 auf #446077 5,17:1 AA

Aa #729AA1 auf #2E3850 3,81:1 AA (großer Text)

Aa #446077 auf #070109 3,13:1 AA (großer Text)

Aa #446077 auf #14081A 2,95:1 Nicht bestanden

Aa #446077 auf #1E182E 2,60:1 Nicht bestanden

Aa #CAEBE0 auf #729AA1 2,40:1 Nicht bestanden

Aa #729AA1 auf #446077 2,15:1 Nicht bestanden

Aa #446077 auf #2E3850 1,77:1 Nicht bestanden

Aa #2E3850 auf #070109 1,77:1 Nicht bestanden

Aa #2E3850 auf #14081A 1,67:1 Nicht bestanden

Aa #2E3850 auf #1E182E 1,47:1 Nicht bestanden

Aa #1E182E auf #070109 1,20:1 Nicht bestanden

Aa #1E182E auf #14081A 1,14:1 Nicht bestanden

Aa #14081A auf #070109 1,06:1 Nicht bestanden

Punolite Streetlight