Registrieren Registrieren
Super Spark

Super Spark

Palette mit 12 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Super Spark

Palette mit 12 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Erdig 12 Farben Warm Gemischt Komplementär artist anubiarts desaturated 12
Likes 83
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #19181C;
  --c-earthy-2: #57607D;
  --c-earthy-3: #959984;
  --c-earthy-4: #E8EDEC;
  --c-earthy-5: #F0B47F;
  --c-earthy-6: #BF75BF;
  --c-earthy-7: #B8636E;
  --c-earthy-8: #554F69;
  --c-earthy-9: #5262A1;
  --c-earthy-10: #7BBCE8;
  --c-earthy-11: #5C8559;
  --c-earthy-12: #74C261;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Kiss Me Kate (#E8EDEC) bis zum dunkelsten Ton Aswad Black (#19181C). Sie vereint Aswad Black, Award Night, Gundaroo Green, Kiss Me Kate, Smoked Ham, Gulābī Pink, Slate Rose, Magic Spell, Electrify, Aero, Magic Sage und Mantis in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #19181C auf #E8EDEC mit 14,94: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

Aswad Black #19181C
RGB
rgb(25, 24, 28)
HSL
hsl(255, 8%, 10%)
Luminanz
0,009
Award Night #57607D
RGB
rgb(87, 96, 125)
HSL
hsl(226, 18%, 42%)
Luminanz
0,119
Gundaroo Green #959984
RGB
rgb(149, 153, 132)
HSL
hsl(71, 9%, 56%)
Luminanz
0,308
Kiss Me Kate #E8EDEC
RGB
rgb(232, 237, 236)
HSL
hsl(168, 12%, 92%)
Luminanz
0,838
Smoked Ham #F0B47F
RGB
rgb(240, 180, 127)
HSL
hsl(28, 79%, 72%)
Luminanz
0,527
Gulābī Pink #BF75BF
RGB
rgb(191, 117, 191)
HSL
hsl(300, 37%, 60%)
Luminanz
0,276
Slate Rose #B8636E
RGB
rgb(184, 99, 110)
HSL
hsl(352, 37%, 55%)
Luminanz
0,202
Magic Spell #554F69
RGB
rgb(85, 79, 105)
HSL
hsl(254, 14%, 36%)
Luminanz
0,085
Electrify #5262A1
RGB
rgb(82, 98, 161)
HSL
hsl(228, 33%, 48%)
Luminanz
0,131
Aero #7BBCE8
RGB
rgb(123, 188, 232)
HSL
hsl(204, 70%, 70%)
Luminanz
0,460
Magic Sage #5C8559
RGB
rgb(92, 133, 89)
HSL
hsl(116, 20%, 44%)
Luminanz
0,198
Mantis #74C261
RGB
rgb(116, 194, 97)
HSL
hsl(108, 44%, 57%)
Luminanz
0,432

Kontrast & Barrierefreiheit

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

Aa #19181C auf #E8EDEC 14,94:1 AAA
Aa #19181C auf #F0B47F 9,71:1 AAA
Aa #19181C auf #7BBCE8 8,58:1 AAA
Aa #19181C auf #74C261 8,10:1 AAA
Aa #E8EDEC auf #554F69 6,56:1 AA
Aa #19181C auf #959984 6,03:1 AA
Aa #19181C auf #BF75BF 5,48:1 AA
Aa #57607D auf #E8EDEC 5,26:1 AA
Aa #E8EDEC auf #5262A1 4,90:1 AA
Aa #F0B47F auf #554F69 4,26:1 AA (großer Text)
Aa #19181C auf #B8636E 4,25:1 AA (großer Text)
Aa #19181C auf #5C8559 4,17:1 AA (großer Text)
Aa #554F69 auf #7BBCE8 3,77:1 AA (großer Text)
Aa #E8EDEC auf #5C8559 3,58:1 AA (großer Text)
Aa #554F69 auf #74C261 3,56:1 AA (großer Text)
Aa #E8EDEC auf #B8636E 3,52:1 AA (großer Text)
Aa #57607D auf #F0B47F 3,42:1 AA (großer Text)
Aa #F0B47F auf #5262A1 3,19:1 AA (großer Text)
Aa #19181C auf #5262A1 3,05:1 AA (großer Text)
Aa #57607D auf #7BBCE8 3,02:1 AA (großer Text)
Aa #57607D auf #74C261 2,85:1 Nicht bestanden
Aa #19181C auf #57607D 2,84:1 Nicht bestanden
Aa #5262A1 auf #7BBCE8 2,82:1 Nicht bestanden
Aa #E8EDEC auf #BF75BF 2,73:1 Nicht bestanden
Aa #5262A1 auf #74C261 2,66:1 Nicht bestanden
Aa #959984 auf #554F69 2,65:1 Nicht bestanden
Aa #959984 auf #E8EDEC 2,48:1 Nicht bestanden
Aa #BF75BF auf #554F69 2,40:1 Nicht bestanden
Aa #F0B47F auf #5C8559 2,33:1 Nicht bestanden
Aa #F0B47F auf #B8636E 2,29:1 Nicht bestanden
Aa #19181C auf #554F69 2,28:1 Nicht bestanden
Aa #57607D auf #959984 2,12:1 Nicht bestanden
Aa #7BBCE8 auf #5C8559 2,06:1 Nicht bestanden
Aa #B8636E auf #7BBCE8 2,02:1 Nicht bestanden
Aa #959984 auf #5262A1 1,98:1 Nicht bestanden
Aa #5C8559 auf #74C261 1,94:1 Nicht bestanden
Aa #57607D auf #BF75BF 1,93:1 Nicht bestanden
Aa #B8636E auf #74C261 1,91:1 Nicht bestanden
Aa #B8636E auf #554F69 1,86:1 Nicht bestanden
Aa #E8EDEC auf #74C261 1,84:1 Nicht bestanden
Aa #554F69 auf #5C8559 1,83:1 Nicht bestanden
Aa #BF75BF auf #5262A1 1,80:1 Nicht bestanden
Aa #F0B47F auf #BF75BF 1,77:1 Nicht bestanden
Aa #E8EDEC auf #7BBCE8 1,74:1 Nicht bestanden
Aa #959984 auf #F0B47F 1,61:1 Nicht bestanden
Aa #BF75BF auf #7BBCE8 1,57:1 Nicht bestanden
Aa #E8EDEC auf #F0B47F 1,54:1 Nicht bestanden
Aa #57607D auf #B8636E 1,50:1 Nicht bestanden
Aa #BF75BF auf #74C261 1,48:1 Nicht bestanden
Aa #57607D auf #5C8559 1,47:1 Nicht bestanden
Aa #959984 auf #5C8559 1,45:1 Nicht bestanden
Aa #959984 auf #B8636E 1,42:1 Nicht bestanden
Aa #959984 auf #7BBCE8 1,42:1 Nicht bestanden
Aa #B8636E auf #5262A1 1,39:1 Nicht bestanden
Aa #5262A1 auf #5C8559 1,37:1 Nicht bestanden
Aa #959984 auf #74C261 1,34:1 Nicht bestanden
Aa #554F69 auf #5262A1 1,34:1 Nicht bestanden
Aa #BF75BF auf #5C8559 1,31:1 Nicht bestanden
Aa #BF75BF auf #B8636E 1,29:1 Nicht bestanden
Aa #57607D auf #554F69 1,25:1 Nicht bestanden
Aa #F0B47F auf #74C261 1,20:1 Nicht bestanden
Aa #F0B47F auf #7BBCE8 1,13:1 Nicht bestanden
Aa #959984 auf #BF75BF 1,10:1 Nicht bestanden
Aa #57607D auf #5262A1 1,07:1 Nicht bestanden
Aa #7BBCE8 auf #74C261 1,06:1 Nicht bestanden
Aa #B8636E auf #5C8559 1,02:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben