Pixelart SMP Z1

Pixelart SMP Z1

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

Pixelart SMP Z1

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

Bearbeiten
Erdig 11 Farben Warm Gemischt Komplementär
Likes 6
Farben 11


CSS-Variablen

:root {
  --c-earthy-1: #9FCC2D;
  --c-earthy-2: #EBDC34;
  --c-earthy-3: #FFFFFF;
  --c-earthy-4: #992B6D;
  --c-earthy-5: #6C2682;
  --c-earthy-6: #231047;
  --c-earthy-7: #C4914E;
  --c-earthy-8: #80ADAC;
  --c-earthy-9: #B532A6;
  --c-earthy-10: #4D96D1;
  --c-earthy-11: #448D94;
}

Über diese Palette

Diese erdige Palette mit 11 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Shadow Planet (#231047). Sie vereint Lucky Lime, Juicy Jackfruit, White, Amaranth Deep Purple, Sapphire Siren, Shadow Planet, Light Copper, Galaxy Green, San Francisco Pink, Blue Tourmaline und Blue Chill in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #231047 mit 16,98: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

Lucky Lime #9FCC2D
RGB
rgb(159, 204, 45)
HSL
hsl(77, 64%, 49%)
Luminanz
0,508
Juicy Jackfruit #EBDC34
RGB
rgb(235, 220, 52)
HSL
hsl(55, 82%, 56%)
Luminanz
0,691
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminanz
1,000
Amaranth Deep Purple #992B6D
RGB
rgb(153, 43, 109)
HSL
hsl(324, 56%, 38%)
Luminanz
0,096
Sapphire Siren #6C2682
RGB
rgb(108, 38, 130)
HSL
hsl(286, 55%, 33%)
Luminanz
0,062
Shadow Planet #231047
RGB
rgb(35, 16, 71)
HSL
hsl(261, 63%, 17%)
Luminanz
0,012
Light Copper #C4914E
RGB
rgb(196, 145, 78)
HSL
hsl(34, 50%, 54%)
Luminanz
0,325
Galaxy Green #80ADAC
RGB
rgb(128, 173, 172)
HSL
hsl(179, 22%, 59%)
Luminanz
0,375
San Francisco Pink #B532A6
RGB
rgb(181, 50, 166)
HSL
hsl(307, 57%, 45%)
Luminanz
0,149
Blue Tourmaline #4D96D1
RGB
rgb(77, 150, 209)
HSL
hsl(207, 59%, 56%)
Luminanz
0,280
Blue Chill #448D94
RGB
rgb(68, 141, 148)
HSL
hsl(185, 37%, 42%)
Luminanz
0,224

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #231047 16,98:1 AAA
Aa #EBDC34 auf #231047 11,98:1 AAA
Aa #FFFFFF auf #6C2682 9,39:1 AAA
Aa #9FCC2D auf #231047 9,02:1 AAA
Aa #FFFFFF auf #992B6D 7,19:1 AAA
Aa #231047 auf #80ADAC 6,87:1 AA
Aa #EBDC34 auf #6C2682 6,62:1 AA
Aa #231047 auf #C4914E 6,07:1 AA
Aa #231047 auf #4D96D1 5,34:1 AA
Aa #FFFFFF auf #B532A6 5,29:1 AA
Aa #EBDC34 auf #992B6D 5,07:1 AA
Aa #9FCC2D auf #6C2682 4,98:1 AA
Aa #231047 auf #448D94 4,43:1 AA (großer Text)
Aa #FFFFFF auf #448D94 3,83:1 AA (großer Text)
Aa #9FCC2D auf #992B6D 3,82:1 AA (großer Text)
Aa #6C2682 auf #80ADAC 3,80:1 AA (großer Text)
Aa #EBDC34 auf #B532A6 3,73:1 AA (großer Text)
Aa #6C2682 auf #C4914E 3,36:1 AA (großer Text)
Aa #231047 auf #B532A6 3,21:1 AA (großer Text)
Aa #FFFFFF auf #4D96D1 3,18:1 AA (großer Text)
Aa #6C2682 auf #4D96D1 2,95:1 Nicht bestanden
Aa #992B6D auf #80ADAC 2,91:1 Nicht bestanden
Aa #9FCC2D auf #B532A6 2,81:1 Nicht bestanden
Aa #FFFFFF auf #C4914E 2,80:1 Nicht bestanden
Aa #EBDC34 auf #448D94 2,70:1 Nicht bestanden
Aa #992B6D auf #C4914E 2,57:1 Nicht bestanden
Aa #FFFFFF auf #80ADAC 2,47:1 Nicht bestanden
Aa #6C2682 auf #448D94 2,45:1 Nicht bestanden
Aa #992B6D auf #231047 2,36:1 Nicht bestanden
Aa #992B6D auf #4D96D1 2,26:1 Nicht bestanden
Aa #EBDC34 auf #4D96D1 2,25:1 Nicht bestanden
Aa #80ADAC auf #B532A6 2,14:1 Nicht bestanden
Aa #9FCC2D auf #448D94 2,03:1 Nicht bestanden
Aa #EBDC34 auf #C4914E 1,97:1 Nicht bestanden
Aa #C4914E auf #B532A6 1,89:1 Nicht bestanden
Aa #9FCC2D auf #FFFFFF 1,88:1 Nicht bestanden
Aa #992B6D auf #448D94 1,88:1 Nicht bestanden
Aa #6C2682 auf #231047 1,81:1 Nicht bestanden
Aa #6C2682 auf #B532A6 1,78:1 Nicht bestanden
Aa #EBDC34 auf #80ADAC 1,75:1 Nicht bestanden
Aa #9FCC2D auf #4D96D1 1,69:1 Nicht bestanden
Aa #B532A6 auf #4D96D1 1,66:1 Nicht bestanden
Aa #80ADAC auf #448D94 1,55:1 Nicht bestanden
Aa #9FCC2D auf #C4914E 1,49:1 Nicht bestanden
Aa #EBDC34 auf #FFFFFF 1,42:1 Nicht bestanden
Aa #B532A6 auf #448D94 1,38:1 Nicht bestanden
Aa #C4914E auf #448D94 1,37:1 Nicht bestanden
Aa #992B6D auf #B532A6 1,36:1 Nicht bestanden
Aa #9FCC2D auf #EBDC34 1,33:1 Nicht bestanden
Aa #9FCC2D auf #80ADAC 1,31:1 Nicht bestanden
Aa #992B6D auf #6C2682 1,31:1 Nicht bestanden
Aa #80ADAC auf #4D96D1 1,29:1 Nicht bestanden
Aa #4D96D1 auf #448D94 1,20:1 Nicht bestanden
Aa #C4914E auf #4D96D1 1,14:1 Nicht bestanden
Aa #C4914E auf #80ADAC 1,13: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