Black Metal
#050505
Likes
16
Farben
11
CSS-Variablen
:root {
--c-earthy-1: #050505;
--c-earthy-2: #26262B;
--c-earthy-3: #FFFFFF;
--c-earthy-4: #FFD88C;
--c-earthy-5: #FF986D;
--c-earthy-6: #FFA8BF;
--c-earthy-7: #6E3D59;
--c-earthy-8: #A8EDFF;
--c-earthy-9: #3D426E;
--c-earthy-10: #A3FFD1;
--c-earthy-11: #57949E;
}Über diese Palette
Diese erdige Palette mit 11 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black Metal (#050505). Sie vereint Black Metal, Closed Shutter, White, Egg Cream, Hibiscus Delight, Amélie’s Tutu, Royal Lines, Beyond the Clouds, Port Gore, Pale Turquoise und Star City in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 24 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #050505 auf #FFFFFF mit 20,38: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
Closed Shutter
#26262B
White
#FFFFFF
Egg Cream
#FFD88C
Hibiscus Delight
#FF986D
Amélie’s Tutu
#FFA8BF
Royal Lines
#6E3D59
Beyond the Clouds
#A8EDFF
Port Gore
#3D426E
Pale Turquoise
#A3FFD1
Star City
#57949E
Kontrast & Barrierefreiheit
24 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#050505 auf #FFFFFF
20,38:1
AAA
Aa
#050505 auf #A3FFD1
17,26:1
AAA
Aa
#050505 auf #A8EDFF
15,74:1
AAA
Aa
#26262B auf #FFFFFF
15,06:1
AAA
Aa
#050505 auf #FFD88C
15,00:1
AAA
Aa
#26262B auf #A3FFD1
12,75:1
AAA
Aa
#26262B auf #A8EDFF
11,63:1
AAA
Aa
#050505 auf #FFA8BF
11,26:1
AAA
Aa
#26262B auf #FFD88C
11,08:1
AAA
Aa
#050505 auf #FF986D
9,67:1
AAA
Aa
#FFFFFF auf #3D426E
9,53:1
AAA
Aa
#FFFFFF auf #6E3D59
8,49:1
AAA
Aa
#26262B auf #FFA8BF
8,32:1
AAA
Aa
#3D426E auf #A3FFD1
8,07:1
AAA
Aa
#A8EDFF auf #3D426E
7,36:1
AAA
Aa
#6E3D59 auf #A3FFD1
7,19:1
AAA
Aa
#26262B auf #FF986D
7,15:1
AAA
Aa
#FFD88C auf #3D426E
7,01:1
AAA
Aa
#6E3D59 auf #A8EDFF
6,56:1
AA
Aa
#FFD88C auf #6E3D59
6,24:1
AA
Aa
#050505 auf #57949E
5,95:1
AA
Aa
#FFA8BF auf #3D426E
5,27:1
AA
Aa
#FFA8BF auf #6E3D59
4,69:1
AA
Aa
#FF986D auf #3D426E
4,52:1
AA
Aa
#26262B auf #57949E
4,40:1
AA (großer Text)
Aa
#FF986D auf #6E3D59
4,03:1
AA (großer Text)
Aa
#FFFFFF auf #57949E
3,42:1
AA (großer Text)
Aa
#A3FFD1 auf #57949E
2,90:1
Nicht bestanden
Aa
#3D426E auf #57949E
2,78:1
Nicht bestanden
Aa
#A8EDFF auf #57949E
2,64:1
Nicht bestanden
Aa
#FFD88C auf #57949E
2,52:1
Nicht bestanden
Aa
#6E3D59 auf #57949E
2,48:1
Nicht bestanden
Aa
#050505 auf #6E3D59
2,40:1
Nicht bestanden
Aa
#050505 auf #3D426E
2,14:1
Nicht bestanden
Aa
#FFFFFF auf #FF986D
2,11:1
Nicht bestanden
Aa
#FFA8BF auf #57949E
1,89:1
Nicht bestanden
Aa
#FFFFFF auf #FFA8BF
1,81:1
Nicht bestanden
Aa
#FF986D auf #A3FFD1
1,78:1
Nicht bestanden
Aa
#26262B auf #6E3D59
1,77:1
Nicht bestanden
Aa
#FF986D auf #A8EDFF
1,63:1
Nicht bestanden
Aa
#FF986D auf #57949E
1,62:1
Nicht bestanden
Aa
#26262B auf #3D426E
1,58:1
Nicht bestanden
Aa
#FFD88C auf #FF986D
1,55:1
Nicht bestanden
Aa
#FFA8BF auf #A3FFD1
1,53:1
Nicht bestanden
Aa
#FFA8BF auf #A8EDFF
1,40:1
Nicht bestanden
Aa
#FFFFFF auf #FFD88C
1,36:1
Nicht bestanden
Aa
#050505 auf #26262B
1,35:1
Nicht bestanden
Aa
#FFD88C auf #FFA8BF
1,33:1
Nicht bestanden
Aa
#FFFFFF auf #A8EDFF
1,29:1
Nicht bestanden
Aa
#FFFFFF auf #A3FFD1
1,18:1
Nicht bestanden
Aa
#FF986D auf #FFA8BF
1,16:1
Nicht bestanden
Aa
#FFD88C auf #A3FFD1
1,15:1
Nicht bestanden
Aa
#6E3D59 auf #3D426E
1,12:1
Nicht bestanden
Aa
#A8EDFF auf #A3FFD1
1,10:1
Nicht bestanden
Aa
#FFD88C auf #A8EDFF
1,05:1
Nicht bestanden
Ähnliche Paletten
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50