Obsidian Shard
#050513
Likes
25
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #050513;
--c-vibrant-2: #20154B;
--c-vibrant-3: #5D0A3F;
--c-vibrant-4: #AA134C;
--c-vibrant-5: #6590FF;
--c-vibrant-6: #ADDCFF;
--c-vibrant-7: #7F4B15;
--c-vibrant-8: #BC7F3B;
--c-vibrant-9: #4B6F5B;
--c-vibrant-10: #5B7A5B;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Droplet (#ADDCFF) bis zum dunkelsten Ton Obsidian Shard (#050513). Sie vereint Obsidian Shard, Tetsu-Kon Blue, Mulberry Wood, Cerise, Deep Denim, Droplet, Medium Brown, Cut the Mustard, Kale Green und Green Mantle in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #050513 auf #ADDCFF mit 13,93:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Tetsu-Kon Blue
#20154B
Mulberry Wood
#5D0A3F
Cerise
#AA134C
Deep Denim
#6590FF
Droplet
#ADDCFF
Medium Brown
#7F4B15
Cut the Mustard
#BC7F3B
Kale Green
#4B6F5B
Green Mantle
#5B7A5B
Kontrast & Barrierefreiheit
9 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#050513 auf #ADDCFF
13,93:1
AAA
Aa
#20154B auf #ADDCFF
11,38:1
AAA
Aa
#5D0A3F auf #ADDCFF
9,15:1
AAA
Aa
#050513 auf #6590FF
6,73:1
AA
Aa
#050513 auf #BC7F3B
6,01:1
AA
Aa
#20154B auf #6590FF
5,50:1
AA
Aa
#AA134C auf #ADDCFF
4,97:1
AA
Aa
#ADDCFF auf #7F4B15
4,95:1
AA
Aa
#20154B auf #BC7F3B
4,91:1
AA
Aa
#5D0A3F auf #6590FF
4,42:1
AA (großer Text)
Aa
#050513 auf #5B7A5B
4,22:1
AA (großer Text)
Aa
#5D0A3F auf #BC7F3B
3,95:1
AA (großer Text)
Aa
#ADDCFF auf #4B6F5B
3,88:1
AA (großer Text)
Aa
#050513 auf #4B6F5B
3,59:1
AA (großer Text)
Aa
#20154B auf #5B7A5B
3,45:1
AA (großer Text)
Aa
#ADDCFF auf #5B7A5B
3,30:1
AA (großer Text)
Aa
#20154B auf #4B6F5B
2,93:1
Nicht bestanden
Aa
#050513 auf #7F4B15
2,81:1
Nicht bestanden
Aa
#050513 auf #AA134C
2,80:1
Nicht bestanden
Aa
#5D0A3F auf #5B7A5B
2,77:1
Nicht bestanden
Aa
#AA134C auf #6590FF
2,40:1
Nicht bestanden
Aa
#6590FF auf #7F4B15
2,39:1
Nicht bestanden
Aa
#5D0A3F auf #4B6F5B
2,36:1
Nicht bestanden
Aa
#ADDCFF auf #BC7F3B
2,32:1
Nicht bestanden
Aa
#20154B auf #7F4B15
2,30:1
Nicht bestanden
Aa
#20154B auf #AA134C
2,29:1
Nicht bestanden
Aa
#AA134C auf #BC7F3B
2,15:1
Nicht bestanden
Aa
#7F4B15 auf #BC7F3B
2,14:1
Nicht bestanden
Aa
#6590FF auf #ADDCFF
2,07:1
Nicht bestanden
Aa
#6590FF auf #4B6F5B
1,88:1
Nicht bestanden
Aa
#5D0A3F auf #7F4B15
1,85:1
Nicht bestanden
Aa
#5D0A3F auf #AA134C
1,84:1
Nicht bestanden
Aa
#BC7F3B auf #4B6F5B
1,67:1
Nicht bestanden
Aa
#6590FF auf #5B7A5B
1,60:1
Nicht bestanden
Aa
#050513 auf #5D0A3F
1,52:1
Nicht bestanden
Aa
#AA134C auf #5B7A5B
1,51:1
Nicht bestanden
Aa
#7F4B15 auf #5B7A5B
1,50:1
Nicht bestanden
Aa
#BC7F3B auf #5B7A5B
1,42:1
Nicht bestanden
Aa
#AA134C auf #4B6F5B
1,28:1
Nicht bestanden
Aa
#7F4B15 auf #4B6F5B
1,28:1
Nicht bestanden
Aa
#20154B auf #5D0A3F
1,24:1
Nicht bestanden
Aa
#050513 auf #20154B
1,22:1
Nicht bestanden
Aa
#4B6F5B auf #5B7A5B
1,18:1
Nicht bestanden
Aa
#6590FF auf #BC7F3B
1,12:1
Nicht bestanden
Aa
#AA134C auf #7F4B15
1,00:1
Nicht bestanden
Ähnliche Paletten
#EDF1D6
#9DC08B
#609966
#40513B
#F5F7F8
#F4CE14
#495E57
#45474B
#222831
#393E46
#FFD369
#EEEEEE
#000000
#52057B
#892CDC
#BC6FF1
#213555
#3E5879
#D8C4B6
#F5EFE7
#F5EFE7
#D8C4B6
#4F709C
#213555
#191A19
#1E5128
#4E9F3D
#D8E9A8
#352F44
#5C5470
#B9B4C7
#FAF0E6