Registrieren Registrieren
Weird Lumpmas

Weird Lumpmas

Palette mit 7 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Weird Lumpmas

Palette mit 7 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Erdig 7 Farben Neutral Gemischt Komplementär
Likes 12
Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #353A3A;
  --c-earthy-2: #EDF3FF;
  --c-earthy-3: #6E8ECE;
  --c-earthy-4: #AE3654;
  --c-earthy-5: #DB7269;
  --c-earthy-6: #257953;
  --c-earthy-7: #57CE64;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Placebo Blue (#EDF3FF) bis zum dunkelsten Ton Green Black (#353A3A). Sie vereint Green Black, Placebo Blue, Organza Violet, Raspberry Wine, Mettwurst, Canadian Pine und Zombie Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #353A3A auf #EDF3FF mit 10,38: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

Green Black #353A3A
RGB
rgb(53, 58, 58)
HSL
hsl(180, 5%, 22%)
Luminanz
0,041
Placebo Blue #EDF3FF
RGB
rgb(237, 243, 255)
HSL
hsl(220, 100%, 96%)
Luminanz
0,893
Organza Violet #6E8ECE
RGB
rgb(110, 142, 206)
HSL
hsl(220, 49%, 62%)
Luminanz
0,271
Raspberry Wine #AE3654
RGB
rgb(174, 54, 84)
HSL
hsl(345, 53%, 45%)
Luminanz
0,123
Mettwurst #DB7269
RGB
rgb(219, 114, 105)
HSL
hsl(5, 61%, 64%)
Luminanz
0,281
Canadian Pine #257953
RGB
rgb(37, 121, 83)
HSL
hsl(153, 53%, 31%)
Luminanz
0,147
Zombie Green #57CE64
RGB
rgb(87, 206, 100)
HSL
hsl(127, 55%, 57%)
Luminanz
0,471

Kontrast & Barrierefreiheit

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

Aa #353A3A auf #EDF3FF 10,38:1 AAA
Aa #353A3A auf #57CE64 5,73:1 AA
Aa #EDF3FF auf #AE3654 5,46:1 AA
Aa #EDF3FF auf #257953 4,79:1 AA
Aa #353A3A auf #DB7269 3,64:1 AA (großer Text)
Aa #353A3A auf #6E8ECE 3,53:1 AA (großer Text)
Aa #AE3654 auf #57CE64 3,01:1 AA (großer Text)
Aa #EDF3FF auf #6E8ECE 2,94:1 Nicht bestanden
Aa #EDF3FF auf #DB7269 2,85:1 Nicht bestanden
Aa #257953 auf #57CE64 2,65:1 Nicht bestanden
Aa #353A3A auf #257953 2,17:1 Nicht bestanden
Aa #AE3654 auf #DB7269 1,92:1 Nicht bestanden
Aa #353A3A auf #AE3654 1,90:1 Nicht bestanden
Aa #6E8ECE auf #AE3654 1,86:1 Nicht bestanden
Aa #EDF3FF auf #57CE64 1,81:1 Nicht bestanden
Aa #DB7269 auf #257953 1,68:1 Nicht bestanden
Aa #6E8ECE auf #257953 1,63:1 Nicht bestanden
Aa #6E8ECE auf #57CE64 1,62:1 Nicht bestanden
Aa #DB7269 auf #57CE64 1,57:1 Nicht bestanden
Aa #AE3654 auf #257953 1,14:1 Nicht bestanden
Aa #6E8ECE auf #DB7269 1,03:1 Nicht bestanden

Ähnliche Paletten

#EDF1D6 #9DC08B #609966 #40513B
4 Farben
#F5F7F8 #F4CE14 #495E57 #45474B
4 Farben
#222831 #393E46 #FFD369 #EEEEEE
4 Farben
#000000 #52057B #892CDC #BC6FF1
4 Farben
#213555 #3E5879 #D8C4B6 #F5EFE7
4 Farben
#F5EFE7 #D8C4B6 #4F709C #213555
4 Farben
#191A19 #1E5128 #4E9F3D #D8E9A8
4 Farben
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 Farben