Shadowed Steel
#4B4B4B
Likes
16
Farben
11
CSS-Variablen
:root {
--c-vibrant-1: #4B4B4B;
--c-vibrant-2: #FF4B4B;
--c-vibrant-3: #FF9600;
--c-vibrant-4: #FFC300;
--c-vibrant-5: #FFCE8E;
--c-vibrant-6: #EEEEEE;
--c-vibrant-7: #1CB0F5;
--c-vibrant-8: #1899D5;
--c-vibrant-9: #1254A9;
--c-vibrant-10: #47A600;
--c-vibrant-11: #7AC70B;
}Über diese Palette
Diese lebendige Palette mit 11 Farben reicht vom hellsten Ton Super Silver (#EEEEEE) bis zum dunkelsten Ton Shadowed Steel (#4B4B4B). Sie vereint Shadowed Steel, Blood Burst, Barcelona Orange, Citrus Splash, Goldenrod Yellow, Super Silver, Zima Blue, Structural Blue, Aarhusian Sky, Early Dew und Monstera Deliciosa in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #4B4B4B auf #EEEEEE mit 7,52:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Blood Burst
#FF4B4B
Barcelona Orange
#FF9600
Citrus Splash
#FFC300
Goldenrod Yellow
#FFCE8E
Super Silver
#EEEEEE
Zima Blue
#1CB0F5
Structural Blue
#1899D5
Aarhusian Sky
#1254A9
Early Dew
#47A600
Monstera Deliciosa
#7AC70B
Kontrast & Barrierefreiheit
6 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#4B4B4B auf #EEEEEE
7,52:1
AAA
Aa
#EEEEEE auf #1254A9
6,31:1
AA
Aa
#4B4B4B auf #FFCE8E
6,01:1
AA
Aa
#4B4B4B auf #FFC300
5,42:1
AA
Aa
#FFCE8E auf #1254A9
5,05:1
AA
Aa
#FFC300 auf #1254A9
4,55:1
AA
Aa
#4B4B4B auf #7AC70B
4,15:1
AA (großer Text)
Aa
#4B4B4B auf #FF9600
3,99:1
AA (großer Text)
Aa
#4B4B4B auf #1CB0F5
3,56:1
AA (großer Text)
Aa
#1254A9 auf #7AC70B
3,49:1
AA (großer Text)
Aa
#FF9600 auf #1254A9
3,35:1
AA (großer Text)
Aa
#1CB0F5 auf #1254A9
2,99:1
Nicht bestanden
Aa
#FF4B4B auf #EEEEEE
2,85:1
Nicht bestanden
Aa
#4B4B4B auf #47A600
2,79:1
Nicht bestanden
Aa
#EEEEEE auf #1899D5
2,76:1
Nicht bestanden
Aa
#4B4B4B auf #1899D5
2,72:1
Nicht bestanden
Aa
#EEEEEE auf #47A600
2,69:1
Nicht bestanden
Aa
#4B4B4B auf #FF4B4B
2,64:1
Nicht bestanden
Aa
#1254A9 auf #47A600
2,34:1
Nicht bestanden
Aa
#1899D5 auf #1254A9
2,29:1
Nicht bestanden
Aa
#FF4B4B auf #FFCE8E
2,28:1
Nicht bestanden
Aa
#FF4B4B auf #1254A9
2,22:1
Nicht bestanden
Aa
#FFCE8E auf #1899D5
2,21:1
Nicht bestanden
Aa
#FFCE8E auf #47A600
2,15:1
Nicht bestanden
Aa
#EEEEEE auf #1CB0F5
2,11:1
Nicht bestanden
Aa
#FF4B4B auf #FFC300
2,05:1
Nicht bestanden
Aa
#FFC300 auf #1899D5
1,99:1
Nicht bestanden
Aa
#FFC300 auf #47A600
1,94:1
Nicht bestanden
Aa
#FF9600 auf #EEEEEE
1,88:1
Nicht bestanden
Aa
#EEEEEE auf #7AC70B
1,81:1
Nicht bestanden
Aa
#FFCE8E auf #1CB0F5
1,69:1
Nicht bestanden
Aa
#FF4B4B auf #7AC70B
1,57:1
Nicht bestanden
Aa
#1899D5 auf #7AC70B
1,53:1
Nicht bestanden
Aa
#FFC300 auf #1CB0F5
1,52:1
Nicht bestanden
Aa
#FF4B4B auf #FF9600
1,51:1
Nicht bestanden
Aa
#FF9600 auf #FFCE8E
1,51:1
Nicht bestanden
Aa
#47A600 auf #7AC70B
1,49:1
Nicht bestanden
Aa
#FF9600 auf #1899D5
1,47:1
Nicht bestanden
Aa
#FFCE8E auf #7AC70B
1,45:1
Nicht bestanden
Aa
#FF9600 auf #47A600
1,43:1
Nicht bestanden
Aa
#FFC300 auf #EEEEEE
1,39:1
Nicht bestanden
Aa
#FF9600 auf #FFC300
1,36:1
Nicht bestanden
Aa
#FF4B4B auf #1CB0F5
1,35:1
Nicht bestanden
Aa
#FFC300 auf #7AC70B
1,31:1
Nicht bestanden
Aa
#1CB0F5 auf #1899D5
1,31:1
Nicht bestanden
Aa
#1CB0F5 auf #47A600
1,28:1
Nicht bestanden
Aa
#FFCE8E auf #EEEEEE
1,25:1
Nicht bestanden
Aa
#4B4B4B auf #1254A9
1,19:1
Nicht bestanden
Aa
#1CB0F5 auf #7AC70B
1,17:1
Nicht bestanden
Aa
#FF9600 auf #1CB0F5
1,12:1
Nicht bestanden
Aa
#FFC300 auf #FFCE8E
1,11:1
Nicht bestanden
Aa
#FF4B4B auf #47A600
1,06:1
Nicht bestanden
Aa
#FF9600 auf #7AC70B
1,04:1
Nicht bestanden
Aa
#FF4B4B auf #1899D5
1,03:1
Nicht bestanden
Aa
#1899D5 auf #47A600
1,03: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