Dark Grey
#363636
Likes
18
Farben
11
CSS-Variablen
:root {
--c-earthy-1: #363636;
--c-earthy-2: #54515B;
--c-earthy-3: #636C91;
--c-earthy-4: #6BB8E1;
--c-earthy-5: #57EBE2;
--c-earthy-6: #EFFDCF;
--c-earthy-7: #F4DF98;
--c-earthy-8: #F99797;
--c-earthy-9: #D5638F;
--c-earthy-10: #50A48B;
--c-earthy-11: #41D38B;
}Über diese Palette
Diese erdige Palette mit 11 Farben reicht vom hellsten Ton Snowdrop (#EFFDCF) bis zum dunkelsten Ton Dark Grey (#363636). Sie vereint Dark Grey, Forged Iron, Alpine Forget-Me-Not, Life Force, Near Moon, Snowdrop, Sunbathed, Peach Punch, Preppy Rose, Corrosion Green und Drunken Dragonfly in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #363636 auf #EFFDCF mit 11,29: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
Forged Iron
#54515B
Alpine Forget-Me-Not
#636C91
Life Force
#6BB8E1
Near Moon
#57EBE2
Snowdrop
#EFFDCF
Sunbathed
#F4DF98
Peach Punch
#F99797
Preppy Rose
#D5638F
Corrosion Green
#50A48B
Drunken Dragonfly
#41D38B
Kontrast & Barrierefreiheit
10 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#363636 auf #EFFDCF
11,29:1
AAA
Aa
#363636 auf #F4DF98
9,12:1
AAA
Aa
#363636 auf #57EBE2
8,28:1
AAA
Aa
#54515B auf #EFFDCF
7,25:1
AAA
Aa
#363636 auf #41D38B
6,28:1
AA
Aa
#54515B auf #F4DF98
5,86:1
AA
Aa
#363636 auf #F99797
5,70:1
AA
Aa
#363636 auf #6BB8E1
5,51:1
AA
Aa
#54515B auf #57EBE2
5,32:1
AA
Aa
#636C91 auf #EFFDCF
4,80:1
AA
Aa
#363636 auf #50A48B
4,04:1
AA (großer Text)
Aa
#54515B auf #41D38B
4,04:1
AA (großer Text)
Aa
#636C91 auf #F4DF98
3,88:1
AA (großer Text)
Aa
#54515B auf #F99797
3,66:1
AA (großer Text)
Aa
#54515B auf #6BB8E1
3,54:1
AA (großer Text)
Aa
#636C91 auf #57EBE2
3,52:1
AA (großer Text)
Aa
#363636 auf #D5638F
3,46:1
AA (großer Text)
Aa
#EFFDCF auf #D5638F
3,26:1
AA (großer Text)
Aa
#EFFDCF auf #50A48B
2,79:1
Nicht bestanden
Aa
#636C91 auf #41D38B
2,67:1
Nicht bestanden
Aa
#F4DF98 auf #D5638F
2,64:1
Nicht bestanden
Aa
#54515B auf #50A48B
2,60:1
Nicht bestanden
Aa
#636C91 auf #F99797
2,42:1
Nicht bestanden
Aa
#57EBE2 auf #D5638F
2,39:1
Nicht bestanden
Aa
#363636 auf #636C91
2,35:1
Nicht bestanden
Aa
#636C91 auf #6BB8E1
2,34:1
Nicht bestanden
Aa
#F4DF98 auf #50A48B
2,26:1
Nicht bestanden
Aa
#54515B auf #D5638F
2,22:1
Nicht bestanden
Aa
#6BB8E1 auf #EFFDCF
2,05:1
Nicht bestanden
Aa
#57EBE2 auf #50A48B
2,05:1
Nicht bestanden
Aa
#EFFDCF auf #F99797
1,98:1
Nicht bestanden
Aa
#D5638F auf #41D38B
1,82:1
Nicht bestanden
Aa
#EFFDCF auf #41D38B
1,80:1
Nicht bestanden
Aa
#636C91 auf #50A48B
1,72:1
Nicht bestanden
Aa
#6BB8E1 auf #F4DF98
1,66:1
Nicht bestanden
Aa
#F99797 auf #D5638F
1,65:1
Nicht bestanden
Aa
#F4DF98 auf #F99797
1,60:1
Nicht bestanden
Aa
#6BB8E1 auf #D5638F
1,59:1
Nicht bestanden
Aa
#363636 auf #54515B
1,56:1
Nicht bestanden
Aa
#50A48B auf #41D38B
1,55:1
Nicht bestanden
Aa
#54515B auf #636C91
1,51:1
Nicht bestanden
Aa
#6BB8E1 auf #57EBE2
1,50:1
Nicht bestanden
Aa
#636C91 auf #D5638F
1,47:1
Nicht bestanden
Aa
#57EBE2 auf #F99797
1,45:1
Nicht bestanden
Aa
#F4DF98 auf #41D38B
1,45:1
Nicht bestanden
Aa
#F99797 auf #50A48B
1,41:1
Nicht bestanden
Aa
#6BB8E1 auf #50A48B
1,36:1
Nicht bestanden
Aa
#57EBE2 auf #EFFDCF
1,36:1
Nicht bestanden
Aa
#57EBE2 auf #41D38B
1,32:1
Nicht bestanden
Aa
#EFFDCF auf #F4DF98
1,24:1
Nicht bestanden
Aa
#D5638F auf #50A48B
1,17:1
Nicht bestanden
Aa
#6BB8E1 auf #41D38B
1,14:1
Nicht bestanden
Aa
#57EBE2 auf #F4DF98
1,10:1
Nicht bestanden
Aa
#F99797 auf #41D38B
1,10:1
Nicht bestanden
Aa
#6BB8E1 auf #F99797
1,03: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