Registrieren Registrieren
HarrisThoth 12

HarrisThoth 12

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

Zurück zur Bibliothek

HarrisThoth 12

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Komplementär desaturated tarot septemberstudypalettecontest
Likes 85
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #B6B8AD;
  --c-earthy-2: #BBA06B;
  --c-earthy-3: #AE5744;
  --c-earthy-4: #5E1823;
  --c-earthy-5: #8DA08D;
  --c-earthy-6: #5E7E4F;
  --c-earthy-7: #0A434C;
  --c-earthy-8: #43717E;
  --c-earthy-9: #8B7395;
  --c-earthy-10: #6B4859;
  --c-earthy-11: #987526;
  --c-earthy-12: #11151E;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Stone Mill (#B6B8AD) bis zum dunkelsten Ton Kuroi Black (#11151E). Sie vereint Stone Mill, Buffalo Hide, Glowing Firelight, Spinel Red, Hillside View, Glade Green, Incubi Darkness, Flip, Self Powered, Magos, Mulberry Brown und Kuroi Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #B6B8AD auf #11151E mit 9,09: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

Stone Mill #B6B8AD
RGB
rgb(182, 184, 173)
HSL
hsl(71, 7%, 70%)
Luminanz
0,472
Buffalo Hide #BBA06B
RGB
rgb(187, 160, 107)
HSL
hsl(40, 37%, 58%)
Luminanz
0,368
Glowing Firelight #AE5744
RGB
rgb(174, 87, 68)
HSL
hsl(11, 44%, 47%)
Luminanz
0,162
Spinel Red #5E1823
RGB
rgb(94, 24, 35)
HSL
hsl(351, 59%, 23%)
Luminanz
0,032
Hillside View #8DA08D
RGB
rgb(141, 160, 141)
HSL
hsl(120, 9%, 59%)
Luminanz
0,327
Glade Green #5E7E4F
RGB
rgb(94, 126, 79)
HSL
hsl(101, 23%, 40%)
Luminanz
0,179
Incubi Darkness #0A434C
RGB
rgb(10, 67, 76)
HSL
hsl(188, 77%, 17%)
Luminanz
0,046
Flip #43717E
RGB
rgb(67, 113, 126)
HSL
hsl(193, 31%, 38%)
Luminanz
0,145
Self Powered #8B7395
RGB
rgb(139, 115, 149)
HSL
hsl(282, 14%, 52%)
Luminanz
0,199
Magos #6B4859
RGB
rgb(107, 72, 89)
HSL
hsl(331, 20%, 35%)
Luminanz
0,085
Mulberry Brown #987526
RGB
rgb(152, 117, 38)
HSL
hsl(42, 60%, 37%)
Luminanz
0,195
Kuroi Black #11151E
RGB
rgb(17, 21, 30)
HSL
hsl(222, 28%, 9%)
Luminanz
0,008

Kontrast & Barrierefreiheit

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

Aa #B6B8AD auf #11151E 9,09:1 AAA
Aa #BBA06B auf #11151E 7,26:1 AAA
Aa #8DA08D auf #11151E 6,56:1 AA
Aa #B6B8AD auf #5E1823 6,41:1 AA
Aa #B6B8AD auf #0A434C 5,44:1 AA
Aa #BBA06B auf #5E1823 5,12:1 AA
Aa #5E1823 auf #8DA08D 4,63:1 AA
Aa #BBA06B auf #0A434C 4,35:1 AA (großer Text)
Aa #8B7395 auf #11151E 4,33:1 AA (großer Text)
Aa #987526 auf #11151E 4,27:1 AA (großer Text)
Aa #5E7E4F auf #11151E 3,98:1 AA (großer Text)
Aa #8DA08D auf #0A434C 3,93:1 AA (großer Text)
Aa #B6B8AD auf #6B4859 3,88:1 AA (großer Text)
Aa #AE5744 auf #11151E 3,69:1 AA (großer Text)
Aa #43717E auf #11151E 3,39:1 AA (großer Text)
Aa #BBA06B auf #6B4859 3,10:1 AA (großer Text)
Aa #5E1823 auf #8B7395 3,06:1 AA (großer Text)
Aa #5E1823 auf #987526 3,01:1 AA (großer Text)
Aa #5E1823 auf #5E7E4F 2,80:1 Nicht bestanden
Aa #8DA08D auf #6B4859 2,80:1 Nicht bestanden
Aa #B6B8AD auf #43717E 2,68:1 Nicht bestanden
Aa #AE5744 auf #5E1823 2,60:1 Nicht bestanden
Aa #0A434C auf #8B7395 2,60:1 Nicht bestanden
Aa #0A434C auf #987526 2,56:1 Nicht bestanden
Aa #B6B8AD auf #AE5744 2,46:1 Nicht bestanden
Aa #5E1823 auf #43717E 2,39:1 Nicht bestanden
Aa #5E7E4F auf #0A434C 2,38:1 Nicht bestanden
Aa #6B4859 auf #11151E 2,34:1 Nicht bestanden
Aa #B6B8AD auf #5E7E4F 2,28:1 Nicht bestanden
Aa #AE5744 auf #0A434C 2,21:1 Nicht bestanden
Aa #BBA06B auf #43717E 2,14:1 Nicht bestanden
Aa #B6B8AD auf #987526 2,13:1 Nicht bestanden
Aa #B6B8AD auf #8B7395 2,10:1 Nicht bestanden
Aa #0A434C auf #43717E 2,03:1 Nicht bestanden
Aa #BBA06B auf #AE5744 1,97:1 Nicht bestanden
Aa #8DA08D auf #43717E 1,93:1 Nicht bestanden
Aa #8B7395 auf #6B4859 1,85:1 Nicht bestanden
Aa #BBA06B auf #5E7E4F 1,83:1 Nicht bestanden
Aa #6B4859 auf #987526 1,82:1 Nicht bestanden
Aa #AE5744 auf #8DA08D 1,78:1 Nicht bestanden
Aa #BBA06B auf #987526 1,70:1 Nicht bestanden
Aa #5E7E4F auf #6B4859 1,70:1 Nicht bestanden
Aa #BBA06B auf #8B7395 1,68:1 Nicht bestanden
Aa #0A434C auf #11151E 1,67:1 Nicht bestanden
Aa #5E1823 auf #6B4859 1,65:1 Nicht bestanden
Aa #8DA08D auf #5E7E4F 1,65:1 Nicht bestanden
Aa #AE5744 auf #6B4859 1,57:1 Nicht bestanden
Aa #8DA08D auf #987526 1,54:1 Nicht bestanden
Aa #8DA08D auf #8B7395 1,51:1 Nicht bestanden
Aa #43717E auf #6B4859 1,45:1 Nicht bestanden
Aa #5E1823 auf #11151E 1,42:1 Nicht bestanden
Aa #0A434C auf #6B4859 1,40:1 Nicht bestanden
Aa #B6B8AD auf #8DA08D 1,38:1 Nicht bestanden
Aa #43717E auf #8B7395 1,28:1 Nicht bestanden
Aa #43717E auf #987526 1,26:1 Nicht bestanden
Aa #B6B8AD auf #BBA06B 1,25:1 Nicht bestanden
Aa #5E1823 auf #0A434C 1,18:1 Nicht bestanden
Aa #AE5744 auf #8B7395 1,17:1 Nicht bestanden
Aa #5E7E4F auf #43717E 1,17:1 Nicht bestanden
Aa #AE5744 auf #987526 1,16:1 Nicht bestanden
Aa #BBA06B auf #8DA08D 1,11:1 Nicht bestanden
Aa #AE5744 auf #43717E 1,09:1 Nicht bestanden
Aa #5E7E4F auf #8B7395 1,09:1 Nicht bestanden
Aa #AE5744 auf #5E7E4F 1,08:1 Nicht bestanden
Aa #5E7E4F auf #987526 1,07:1 Nicht bestanden
Aa #8B7395 auf #987526 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