Golden Banner
#F9C22B
Likes
29
Farben
5
CSS-Variablen
:root {
--c-vibrant-1: #F9C22B;
--c-vibrant-2: #F79617;
--c-vibrant-3: #FB6B1D;
--c-vibrant-4: #E83B3B;
--c-vibrant-5: #AE2334;
}Über diese Palette
Diese lebendige Palette mit 5 Farben reicht vom hellsten Ton Golden Banner (#F9C22B) bis zum dunkelsten Ton Scarlet Sage (#AE2334). Sie vereint Golden Banner, Miami Marmalade, Shocking Orange, Vivaldi Red und Scarlet Sage in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 10 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Miami Marmalade
#F79617
Shocking Orange
#FB6B1D
Vivaldi Red
#E83B3B
Scarlet Sage
#AE2334
Kontrast & Barrierefreiheit
0 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#F9C22B auf #AE2334
4,14:1
AA (großer Text)
Aa
#F79617 auf #AE2334
3,02:1
AA (großer Text)
Aa
#F9C22B auf #E83B3B
2,50:1
Nicht bestanden
Aa
#FB6B1D auf #AE2334
2,34:1
Nicht bestanden
Aa
#F79617 auf #E83B3B
1,82:1
Nicht bestanden
Aa
#F9C22B auf #FB6B1D
1,77:1
Nicht bestanden
Aa
#E83B3B auf #AE2334
1,66:1
Nicht bestanden
Aa
#FB6B1D auf #E83B3B
1,41:1
Nicht bestanden
Aa
#F9C22B auf #F79617
1,37:1
Nicht bestanden
Aa
#F79617 auf #FB6B1D
1,29: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