Dark Matter
#0D0000
Likes
8
Farben
6
CSS-Variablen
:root {
--c-vibrant-1: #0D0000;
--c-vibrant-2: #260300;
--c-vibrant-3: #4D0D00;
--c-vibrant-4: #A63700;
--c-vibrant-5: #FFFF00;
--c-vibrant-6: #FFFFFF;
}Über diese Palette
Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Dark Matter (#0D0000). Sie vereint Dark Matter, Sepia Black, Lonely Chocolate, Burnt Sienna, Yellow und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0D0000 auf #FFFFFF mit 20,65:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Sepia Black
#260300
Lonely Chocolate
#4D0D00
Burnt Sienna
#A63700
Yellow
#FFFF00
White
#FFFFFF
Kontrast & Barrierefreiheit
8 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#0D0000 auf #FFFFFF
20,65:1
AAA
Aa
#0D0000 auf #FFFF00
19,23:1
AAA
Aa
#260300 auf #FFFFFF
19,17:1
AAA
Aa
#260300 auf #FFFF00
17,85:1
AAA
Aa
#4D0D00 auf #FFFFFF
15,29:1
AAA
Aa
#4D0D00 auf #FFFF00
14,24:1
AAA
Aa
#A63700 auf #FFFFFF
6,63:1
AA
Aa
#A63700 auf #FFFF00
6,17:1
AA
Aa
#0D0000 auf #A63700
3,11:1
AA (großer Text)
Aa
#260300 auf #A63700
2,89:1
Nicht bestanden
Aa
#4D0D00 auf #A63700
2,31:1
Nicht bestanden
Aa
#0D0000 auf #4D0D00
1,35:1
Nicht bestanden
Aa
#260300 auf #4D0D00
1,25:1
Nicht bestanden
Aa
#0D0000 auf #260300
1,08:1
Nicht bestanden
Aa
#FFFF00 auf #FFFFFF
1,07:1
Nicht bestanden
Ähnliche Paletten
#000000
#3D0000
#950101
#FF0000
#E23E57
#88304E
#522546
#311D3F
#FF204E
#A0153E
#5D0E41
#00224D
#030637
#3C0753
#720455
#910A67
#1C0A00
#361500
#603601
#CC9544
#252525
#FF0000
#AF0404
#414141
#362222
#171010
#423F3E
#2B2B2B
#1A1A1D
#3B1C32
#6A1E55
#A64D79