Finlal 11

Finlal 11

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

Finlal 11

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

Bearbeiten
Erdig 11 Farben Neutral Gemischt Komplementär artist pjcolorcomp11 pjcolorcomp
Likes 5
Farben 11


CSS-Variablen

:root {
  --c-earthy-1: #171419;
  --c-earthy-2: #530C1E;
  --c-earthy-3: #223555;
  --c-earthy-4: #AF3451;
  --c-earthy-5: #3B6688;
  --c-earthy-6: #238433;
  --c-earthy-7: #9F8474;
  --c-earthy-8: #889EB7;
  --c-earthy-9: #BDA0BC;
  --c-earthy-10: #CBC990;
  --c-earthy-11: #E4E5F1;
}

Über diese Palette

Diese erdige Palette mit 11 Farben reicht vom hellsten Ton Lavender Syrup (#E4E5F1) bis zum dunkelsten Ton Dark Void (#171419). Sie vereint Dark Void, Maroon Oak, Boatswain, Raspberry Wine, Mississippi River, Gorgeous Green, Wood Lake, Astro Bound, Leek Blossom Pink, Creamy Spinaci und Lavender Syrup in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #171419 auf #E4E5F1 mit 14,58: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

Dark Void #171419
RGB
rgb(23, 20, 25)
HSL
hsl(276, 11%, 9%)
Luminanz
0,008
Maroon Oak #530C1E
RGB
rgb(83, 12, 30)
HSL
hsl(345, 75%, 19%)
Luminanz
0,022
Boatswain #223555
RGB
rgb(34, 53, 85)
HSL
hsl(218, 43%, 23%)
Luminanz
0,035
Raspberry Wine #AF3451
RGB
rgb(175, 52, 81)
HSL
hsl(346, 54%, 45%)
Luminanz
0,122
Mississippi River #3B6688
RGB
rgb(59, 102, 136)
HSL
hsl(206, 39%, 38%)
Luminanz
0,122
Gorgeous Green #238433
RGB
rgb(35, 132, 51)
HSL
hsl(130, 58%, 33%)
Luminanz
0,171
Wood Lake #9F8474
RGB
rgb(159, 132, 116)
HSL
hsl(22, 18%, 54%)
Luminanz
0,251
Astro Bound #889EB7
RGB
rgb(136, 158, 183)
HSL
hsl(212, 25%, 63%)
Luminanz
0,331
Leek Blossom Pink #BDA0BC
RGB
rgb(189, 160, 188)
HSL
hsl(302, 18%, 68%)
Luminanz
0,396
Creamy Spinaci #CBC990
RGB
rgb(203, 201, 144)
HSL
hsl(58, 36%, 68%)
Luminanz
0,565
Lavender Syrup #E4E5F1
RGB
rgb(228, 229, 241)
HSL
hsl(235, 32%, 92%)
Luminanz
0,789

Kontrast & Barrierefreiheit

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

Aa #171419 auf #E4E5F1 14,58:1 AAA
Aa #530C1E auf #E4E5F1 11,66:1 AAA
Aa #171419 auf #CBC990 10,69:1 AAA
Aa #223555 auf #E4E5F1 9,82:1 AAA
Aa #530C1E auf #CBC990 8,54:1 AAA
Aa #171419 auf #BDA0BC 7,75:1 AAA
Aa #223555 auf #CBC990 7,20:1 AAA
Aa #171419 auf #889EB7 6,62:1 AA
Aa #530C1E auf #BDA0BC 6,20:1 AA
Aa #530C1E auf #889EB7 5,30:1 AA
Aa #171419 auf #9F8474 5,24:1 AA
Aa #223555 auf #BDA0BC 5,22:1 AA
Aa #AF3451 auf #E4E5F1 4,89:1 AA
Aa #3B6688 auf #E4E5F1 4,87:1 AA
Aa #223555 auf #889EB7 4,46:1 AA (großer Text)
Aa #530C1E auf #9F8474 4,19:1 AA (großer Text)
Aa #171419 auf #238433 3,84:1 AA (großer Text)
Aa #238433 auf #E4E5F1 3,80:1 AA (großer Text)
Aa #AF3451 auf #CBC990 3,58:1 AA (großer Text)
Aa #3B6688 auf #CBC990 3,57:1 AA (großer Text)
Aa #223555 auf #9F8474 3,53:1 AA (großer Text)
Aa #530C1E auf #238433 3,07:1 AA (großer Text)
Aa #171419 auf #3B6688 2,99:1 Nicht bestanden
Aa #171419 auf #AF3451 2,98:1 Nicht bestanden
Aa #238433 auf #CBC990 2,78:1 Nicht bestanden
Aa #9F8474 auf #E4E5F1 2,78:1 Nicht bestanden
Aa #AF3451 auf #BDA0BC 2,60:1 Nicht bestanden
Aa #223555 auf #238433 2,59:1 Nicht bestanden
Aa #3B6688 auf #BDA0BC 2,59:1 Nicht bestanden
Aa #530C1E auf #AF3451 2,39:1 Nicht bestanden
Aa #530C1E auf #3B6688 2,39:1 Nicht bestanden
Aa #AF3451 auf #889EB7 2,22:1 Nicht bestanden
Aa #3B6688 auf #889EB7 2,21:1 Nicht bestanden
Aa #889EB7 auf #E4E5F1 2,20:1 Nicht bestanden
Aa #9F8474 auf #CBC990 2,04:1 Nicht bestanden
Aa #238433 auf #BDA0BC 2,02:1 Nicht bestanden
Aa #223555 auf #AF3451 2,01:1 Nicht bestanden
Aa #223555 auf #3B6688 2,01:1 Nicht bestanden
Aa #BDA0BC auf #E4E5F1 1,88:1 Nicht bestanden
Aa #AF3451 auf #9F8474 1,76:1 Nicht bestanden
Aa #3B6688 auf #9F8474 1,75:1 Nicht bestanden
Aa #238433 auf #889EB7 1,72:1 Nicht bestanden
Aa #889EB7 auf #CBC990 1,61:1 Nicht bestanden
Aa #171419 auf #223555 1,48:1 Nicht bestanden
Aa #9F8474 auf #BDA0BC 1,48:1 Nicht bestanden
Aa #BDA0BC auf #CBC990 1,38:1 Nicht bestanden
Aa #238433 auf #9F8474 1,36:1 Nicht bestanden
Aa #CBC990 auf #E4E5F1 1,36:1 Nicht bestanden
Aa #AF3451 auf #238433 1,29:1 Nicht bestanden
Aa #3B6688 auf #238433 1,28:1 Nicht bestanden
Aa #9F8474 auf #889EB7 1,26:1 Nicht bestanden
Aa #171419 auf #530C1E 1,25:1 Nicht bestanden
Aa #530C1E auf #223555 1,19:1 Nicht bestanden
Aa #889EB7 auf #BDA0BC 1,17:1 Nicht bestanden
Aa #AF3451 auf #3B6688 1,00: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