Startseite Farbpaletten Nightfall In The City

Nightfall In The City

Palette mit 8 Farben · Warm · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

Nightfall In The City

Palette mit 8 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Erdig 8 Farben Warm Dunkel Komplementär night sky nightsky sunset

Likes 26

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #0C2B25;
  --c-earthy-2: #183530;
  --c-earthy-3: #425F59;
  --c-earthy-4: #5C7A74;
  --c-earthy-5: #571010;
  --c-earthy-6: #7D1616;
  --c-earthy-7: #EC5028;
  --c-earthy-8: #FABC2A;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Sunflower Valley (#FABC2A) bis zum dunkelsten Ton Guerrilla Forest (#0C2B25). Sie vereint Guerrilla Forest, Dark Pine Green, Rosemary, Refreshing Green, Mama Africa, Falu Red, Hot Shot und Sunflower Valley in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0C2B25 auf #FABC2A mit 8,86:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Guerrilla Forest #0C2B25

RGB: rgb(12, 43, 37)
HSL: hsl(168, 56%, 11%)
Luminanz: 0,019

Dark Pine Green #183530

RGB: rgb(24, 53, 48)
HSL: hsl(170, 38%, 15%)
Luminanz: 0,030

Rosemary #425F59

RGB: rgb(66, 95, 89)
HSL: hsl(168, 18%, 32%)
Luminanz: 0,101

Refreshing Green #5C7A74

RGB: rgb(92, 122, 116)
HSL: hsl(168, 14%, 42%)
Luminanz: 0,175

Mama Africa #571010

RGB: rgb(87, 16, 16)
HSL: hsl(0, 69%, 20%)
Luminanz: 0,024

Falu Red #7D1616

RGB: rgb(125, 22, 22)
HSL: hsl(0, 70%, 29%)
Luminanz: 0,050

Hot Shot #EC5028

RGB: rgb(236, 80, 40)
HSL: hsl(12, 84%, 54%)
Luminanz: 0,237

Sunflower Valley #FABC2A

RGB: rgb(250, 188, 42)
HSL: hsl(42, 95%, 57%)
Luminanz: 0,565

Kontrast & Barrierefreiheit

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

Aa #0C2B25 auf #FABC2A 8,86:1 AAA

Aa #571010 auf #FABC2A 8,27:1 AAA

Aa #183530 auf #FABC2A 7,73:1 AAA

Aa #7D1616 auf #FABC2A 6,15:1 AA

Aa #0C2B25 auf #EC5028 4,14:1 AA (großer Text)

Aa #425F59 auf #FABC2A 4,08:1 AA (großer Text)

Aa #571010 auf #EC5028 3,86:1 AA (großer Text)

Aa #183530 auf #EC5028 3,61:1 AA (großer Text)

Aa #0C2B25 auf #5C7A74 3,24:1 AA (großer Text)

Aa #5C7A74 auf #571010 3,02:1 AA (großer Text)

Aa #7D1616 auf #EC5028 2,87:1 Nicht bestanden

Aa #183530 auf #5C7A74 2,82:1 Nicht bestanden

Aa #5C7A74 auf #FABC2A 2,74:1 Nicht bestanden

Aa #5C7A74 auf #7D1616 2,25:1 Nicht bestanden

Aa #0C2B25 auf #425F59 2,17:1 Nicht bestanden

Aa #EC5028 auf #FABC2A 2,14:1 Nicht bestanden

Aa #425F59 auf #571010 2,03:1 Nicht bestanden

Aa #425F59 auf #EC5028 1,91:1 Nicht bestanden

Aa #183530 auf #425F59 1,89:1 Nicht bestanden

Aa #425F59 auf #7D1616 1,51:1 Nicht bestanden

Aa #425F59 auf #5C7A74 1,49:1 Nicht bestanden

Aa #0C2B25 auf #7D1616 1,44:1 Nicht bestanden

Aa #571010 auf #7D1616 1,34:1 Nicht bestanden

Aa #5C7A74 auf #EC5028 1,28:1 Nicht bestanden

Aa #183530 auf #7D1616 1,26:1 Nicht bestanden

Aa #0C2B25 auf #183530 1,15:1 Nicht bestanden

Aa #0C2B25 auf #571010 1,07:1 Nicht bestanden

Aa #183530 auf #571010 1,07:1 Nicht bestanden

Nightfall In The City