Kettle Drum
#97C89B
Likes
197
Farben
10
CSS-Variablen
:root {
--c-earthy-1: #97C89B;
--c-earthy-2: #3E8E92;
--c-earthy-3: #305472;
--c-earthy-4: #1C1F2B;
--c-earthy-5: #2C313C;
--c-earthy-6: #625E60;
--c-earthy-7: #999172;
--c-earthy-8: #DFCD6D;
--c-earthy-9: #B78F43;
--c-earthy-10: #895C35;
}Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Pirate Treasure (#DFCD6D) bis zum dunkelsten Ton Black Howl (#1C1F2B). Sie vereint Kettle Drum, Blue Chill, Heavy Blue, Black Howl, Diamond Black, Shades On, Gurkha, Pirate Treasure, Venetian Gold und Quiver in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1C1F2B auf #DFCD6D mit 10,23: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
Blue Chill
#3E8E92
Heavy Blue
#305472
Black Howl
#1C1F2B
Diamond Black
#2C313C
Shades On
#625E60
Gurkha
#999172
Pirate Treasure
#DFCD6D
Venetian Gold
#B78F43
Quiver
#895C35
Kontrast & Barrierefreiheit
7 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#1C1F2B auf #DFCD6D
10,23:1
AAA
Aa
#97C89B auf #1C1F2B
8,63:1
AAA
Aa
#2C313C auf #DFCD6D
8,12:1
AAA
Aa
#97C89B auf #2C313C
6,86:1
AA
Aa
#1C1F2B auf #B78F43
5,49:1
AA
Aa
#1C1F2B auf #999172
5,19:1
AA
Aa
#305472 auf #DFCD6D
4,96:1
AA
Aa
#2C313C auf #B78F43
4,36:1
AA (großer Text)
Aa
#3E8E92 auf #1C1F2B
4,29:1
AA (großer Text)
Aa
#97C89B auf #305472
4,19:1
AA (großer Text)
Aa
#2C313C auf #999172
4,12:1
AA (großer Text)
Aa
#625E60 auf #DFCD6D
3,98:1
AA (großer Text)
Aa
#DFCD6D auf #895C35
3,59:1
AA (großer Text)
Aa
#3E8E92 auf #2C313C
3,41:1
AA (großer Text)
Aa
#97C89B auf #625E60
3,36:1
AA (großer Text)
Aa
#97C89B auf #895C35
3,03:1
AA (großer Text)
Aa
#1C1F2B auf #895C35
2,85:1
Nicht bestanden
Aa
#305472 auf #B78F43
2,66:1
Nicht bestanden
Aa
#1C1F2B auf #625E60
2,57:1
Nicht bestanden
Aa
#305472 auf #999172
2,52:1
Nicht bestanden
Aa
#3E8E92 auf #DFCD6D
2,38:1
Nicht bestanden
Aa
#2C313C auf #895C35
2,26:1
Nicht bestanden
Aa
#625E60 auf #B78F43
2,14:1
Nicht bestanden
Aa
#3E8E92 auf #305472
2,08:1
Nicht bestanden
Aa
#305472 auf #1C1F2B
2,06:1
Nicht bestanden
Aa
#2C313C auf #625E60
2,04:1
Nicht bestanden
Aa
#625E60 auf #999172
2,02:1
Nicht bestanden
Aa
#97C89B auf #3E8E92
2,01:1
Nicht bestanden
Aa
#999172 auf #DFCD6D
1,97:1
Nicht bestanden
Aa
#B78F43 auf #895C35
1,93:1
Nicht bestanden
Aa
#DFCD6D auf #B78F43
1,86:1
Nicht bestanden
Aa
#999172 auf #895C35
1,82:1
Nicht bestanden
Aa
#3E8E92 auf #625E60
1,67:1
Nicht bestanden
Aa
#97C89B auf #999172
1,66:1
Nicht bestanden
Aa
#305472 auf #2C313C
1,64:1
Nicht bestanden
Aa
#97C89B auf #B78F43
1,57:1
Nicht bestanden
Aa
#3E8E92 auf #895C35
1,51:1
Nicht bestanden
Aa
#305472 auf #895C35
1,38:1
Nicht bestanden
Aa
#3E8E92 auf #B78F43
1,28:1
Nicht bestanden
Aa
#1C1F2B auf #2C313C
1,26:1
Nicht bestanden
Aa
#305472 auf #625E60
1,25:1
Nicht bestanden
Aa
#3E8E92 auf #999172
1,21:1
Nicht bestanden
Aa
#97C89B auf #DFCD6D
1,18:1
Nicht bestanden
Aa
#625E60 auf #895C35
1,11:1
Nicht bestanden
Aa
#999172 auf #B78F43
1,06:1
Nicht bestanden
Ähnliche Paletten
#222831
#393E46
#00ADB5
#EEEEEE
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
#1B262C
#0F4C75
#3282B8
#BBE1FA
#08D9D6
#252A34
#FF2E63
#EAEAEA
#27374D
#526D82
#9DB2BF
#DDE6ED
#364F6B
#3FC1C9
#F5F5F5
#FC5185
#E4F9F5
#30E3CA
#11999E
#40514E
#F0F5F9
#C9D6DF
#52616B
#1E2022