Boltgun Metal
#393939
Likes
5
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #393939;
--c-vibrant-2: #FFFFFF;
--c-vibrant-3: #FB4343;
--c-vibrant-4: #FF9C9C;
--c-vibrant-5: #CC6A00;
--c-vibrant-6: #FFCD00;
--c-vibrant-7: #44B900;
--c-vibrant-8: #0073FF;
--c-vibrant-9: #5300FF;
--c-vibrant-10: #AAAAAA;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Boltgun Metal (#393939). Sie vereint Boltgun Metal, White, Tomato Frog, Rubber Radish, Sludge, Wheel of Dharma, Sour Apple Rings, Brandeis Blue, Radiant Feather und Dhūsar Grey in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #393939 auf #FFFFFF mit 11,55:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
White
#FFFFFF
Tomato Frog
#FB4343
Rubber Radish
#FF9C9C
Sludge
#CC6A00
Wheel of Dharma
#FFCD00
Sour Apple Rings
#44B900
Brandeis Blue
#0073FF
Radiant Feather
#5300FF
Dhūsar Grey
#AAAAAA
Kontrast & Barrierefreiheit
7 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#393939 auf #FFFFFF
11,55:1
AAA
Aa
#393939 auf #FFCD00
7,69:1
AAA
Aa
#FFFFFF auf #5300FF
7,47:1
AAA
Aa
#393939 auf #FF9C9C
5,77:1
AA
Aa
#393939 auf #AAAAAA
4,97:1
AA
Aa
#FFCD00 auf #5300FF
4,97:1
AA
Aa
#393939 auf #44B900
4,50:1
AA
Aa
#FFFFFF auf #0073FF
4,29:1
AA (großer Text)
Aa
#FFFFFF auf #CC6A00
3,73:1
AA (großer Text)
Aa
#FF9C9C auf #5300FF
3,73:1
AA (großer Text)
Aa
#FFFFFF auf #FB4343
3,51:1
AA (großer Text)
Aa
#393939 auf #FB4343
3,29:1
AA (großer Text)
Aa
#5300FF auf #AAAAAA
3,21:1
AA (großer Text)
Aa
#393939 auf #CC6A00
3,10:1
AA (großer Text)
Aa
#44B900 auf #5300FF
2,91:1
Nicht bestanden
Aa
#FFCD00 auf #0073FF
2,86:1
Nicht bestanden
Aa
#393939 auf #0073FF
2,69:1
Nicht bestanden
Aa
#FFFFFF auf #44B900
2,57:1
Nicht bestanden
Aa
#CC6A00 auf #FFCD00
2,48:1
Nicht bestanden
Aa
#FB4343 auf #FFCD00
2,34:1
Nicht bestanden
Aa
#FFFFFF auf #AAAAAA
2,32:1
Nicht bestanden
Aa
#FF9C9C auf #0073FF
2,14:1
Nicht bestanden
Aa
#FB4343 auf #5300FF
2,13:1
Nicht bestanden
Aa
#FFFFFF auf #FF9C9C
2,00:1
Nicht bestanden
Aa
#CC6A00 auf #5300FF
2,00:1
Nicht bestanden
Aa
#FF9C9C auf #CC6A00
1,86:1
Nicht bestanden
Aa
#0073FF auf #AAAAAA
1,85:1
Nicht bestanden
Aa
#FB4343 auf #FF9C9C
1,75:1
Nicht bestanden
Aa
#0073FF auf #5300FF
1,74:1
Nicht bestanden
Aa
#FFCD00 auf #44B900
1,71:1
Nicht bestanden
Aa
#44B900 auf #0073FF
1,67:1
Nicht bestanden
Aa
#CC6A00 auf #AAAAAA
1,61:1
Nicht bestanden
Aa
#393939 auf #5300FF
1,55:1
Nicht bestanden
Aa
#FFCD00 auf #AAAAAA
1,55:1
Nicht bestanden
Aa
#FB4343 auf #AAAAAA
1,51:1
Nicht bestanden
Aa
#FFFFFF auf #FFCD00
1,50:1
Nicht bestanden
Aa
#CC6A00 auf #44B900
1,45:1
Nicht bestanden
Aa
#FB4343 auf #44B900
1,37:1
Nicht bestanden
Aa
#FF9C9C auf #FFCD00
1,33:1
Nicht bestanden
Aa
#FF9C9C auf #44B900
1,28:1
Nicht bestanden
Aa
#FB4343 auf #0073FF
1,22:1
Nicht bestanden
Aa
#FF9C9C auf #AAAAAA
1,16:1
Nicht bestanden
Aa
#CC6A00 auf #0073FF
1,15:1
Nicht bestanden
Aa
#44B900 auf #AAAAAA
1,10:1
Nicht bestanden
Aa
#FB4343 auf #CC6A00
1,06: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