Dark Matter
#140404
Likes
17
Farben
11
CSS-Variablen
:root {
--c-vibrant-1: #140404;
--c-vibrant-2: #BF100D;
--c-vibrant-3: #FF0000;
--c-vibrant-4: #2E0DF4;
--c-vibrant-5: #0EFFF9;
--c-vibrant-6: #00F62B;
--c-vibrant-7: #ABFBBE;
--c-vibrant-8: #E401FF;
--c-vibrant-9: #FFB3FF;
--c-vibrant-10: #FFF622;
--c-vibrant-11: #EDF2EE;
}Über diese Palette
Diese lebendige Palette mit 11 Farben reicht vom hellsten Ton Mineral Spring (#EDF2EE) bis zum dunkelsten Ton Dark Matter (#140404). Sie vereint Dark Matter, Sinoper Red, Red, Delft Blue, Kaltes Klares Wasser, Cyber Neon Green, Light Seafoam Green, Phlox, Strawberry Buttercream, Golden Ginkgo und Mineral Spring in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 18 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #140404 auf #EDF2EE mit 17,67:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Sinoper Red
#BF100D
Red
#FF0000
Delft Blue
#2E0DF4
Kaltes Klares Wasser
#0EFFF9
Cyber Neon Green
#00F62B
Light Seafoam Green
#ABFBBE
Phlox
#E401FF
Strawberry Buttercream
#FFB3FF
Golden Ginkgo
#FFF622
Mineral Spring
#EDF2EE
Kontrast & Barrierefreiheit
18 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#140404 auf #EDF2EE
17,67:1
AAA
Aa
#140404 auf #FFF622
17,60:1
AAA
Aa
#140404 auf #ABFBBE
16,47:1
AAA
Aa
#140404 auf #0EFFF9
15,91:1
AAA
Aa
#140404 auf #00F62B
13,55:1
AAA
Aa
#140404 auf #FFB3FF
12,53:1
AAA
Aa
#2E0DF4 auf #EDF2EE
7,47:1
AAA
Aa
#2E0DF4 auf #FFF622
7,44:1
AAA
Aa
#2E0DF4 auf #ABFBBE
6,97:1
AA
Aa
#2E0DF4 auf #0EFFF9
6,73:1
AA
Aa
#2E0DF4 auf #00F62B
5,73:1
AA
Aa
#BF100D auf #EDF2EE
5,63:1
AA
Aa
#BF100D auf #FFF622
5,60:1
AA
Aa
#140404 auf #E401FF
5,48:1
AA
Aa
#2E0DF4 auf #FFB3FF
5,30:1
AA
Aa
#BF100D auf #ABFBBE
5,24:1
AA
Aa
#BF100D auf #0EFFF9
5,07:1
AA
Aa
#140404 auf #FF0000
5,01:1
AA
Aa
#BF100D auf #00F62B
4,31:1
AA (großer Text)
Aa
#BF100D auf #FFB3FF
3,99:1
AA (großer Text)
Aa
#FF0000 auf #EDF2EE
3,53:1
AA (großer Text)
Aa
#FF0000 auf #FFF622
3,51:1
AA (großer Text)
Aa
#FF0000 auf #ABFBBE
3,29:1
AA (großer Text)
Aa
#E401FF auf #EDF2EE
3,23:1
AA (großer Text)
Aa
#E401FF auf #FFF622
3,21:1
AA (großer Text)
Aa
#FF0000 auf #0EFFF9
3,18:1
AA (großer Text)
Aa
#140404 auf #BF100D
3,14:1
AA (großer Text)
Aa
#ABFBBE auf #E401FF
3,01:1
AA (großer Text)
Aa
#0EFFF9 auf #E401FF
2,90:1
Nicht bestanden
Aa
#FF0000 auf #00F62B
2,71:1
Nicht bestanden
Aa
#FF0000 auf #FFB3FF
2,50:1
Nicht bestanden
Aa
#00F62B auf #E401FF
2,47:1
Nicht bestanden
Aa
#140404 auf #2E0DF4
2,36:1
Nicht bestanden
Aa
#2E0DF4 auf #E401FF
2,32:1
Nicht bestanden
Aa
#E401FF auf #FFB3FF
2,29:1
Nicht bestanden
Aa
#FF0000 auf #2E0DF4
2,12:1
Nicht bestanden
Aa
#BF100D auf #E401FF
1,74:1
Nicht bestanden
Aa
#BF100D auf #FF0000
1,59:1
Nicht bestanden
Aa
#FFB3FF auf #EDF2EE
1,41:1
Nicht bestanden
Aa
#FFB3FF auf #FFF622
1,40:1
Nicht bestanden
Aa
#BF100D auf #2E0DF4
1,33:1
Nicht bestanden
Aa
#ABFBBE auf #FFB3FF
1,31:1
Nicht bestanden
Aa
#00F62B auf #FFF622
1,30:1
Nicht bestanden
Aa
#00F62B auf #EDF2EE
1,30:1
Nicht bestanden
Aa
#0EFFF9 auf #FFB3FF
1,27:1
Nicht bestanden
Aa
#00F62B auf #ABFBBE
1,22:1
Nicht bestanden
Aa
#0EFFF9 auf #00F62B
1,17:1
Nicht bestanden
Aa
#0EFFF9 auf #FFF622
1,11:1
Nicht bestanden
Aa
#0EFFF9 auf #EDF2EE
1,11:1
Nicht bestanden
Aa
#FF0000 auf #E401FF
1,09:1
Nicht bestanden
Aa
#00F62B auf #FFB3FF
1,08:1
Nicht bestanden
Aa
#ABFBBE auf #FFF622
1,07:1
Nicht bestanden
Aa
#ABFBBE auf #EDF2EE
1,07:1
Nicht bestanden
Aa
#0EFFF9 auf #ABFBBE
1,03:1
Nicht bestanden
Aa
#FFF622 auf #EDF2EE
1,00: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