Sambucus
#15162C
Likes
20
Farben
5
CSS-Variablen
:root {
--c-muted-1: #15162C;
--c-muted-2: #212939;
--c-muted-3: #46573B;
--c-muted-4: #808D45;
--c-muted-5: #EACB5A;
}Über diese Palette
Diese gedeckte Palette mit 5 Farben reicht vom hellsten Ton Citrus Zest (#EACB5A) bis zum dunkelsten Ton Sambucus (#15162C). Sie vereint Sambucus, Midnight Express, Green Tone Ink, Komatsuna Green und Citrus Zest in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #15162C auf #EACB5A mit 11,15:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Midnight Express
#212939
Green Tone Ink
#46573B
Komatsuna Green
#808D45
Citrus Zest
#EACB5A
Kontrast & Barrierefreiheit
4 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#15162C auf #EACB5A
11,15:1
AAA
Aa
#212939 auf #EACB5A
9,15:1
AAA
Aa
#15162C auf #808D45
4,91:1
AA
Aa
#46573B auf #EACB5A
4,91:1
AA
Aa
#212939 auf #808D45
4,03:1
AA (großer Text)
Aa
#15162C auf #46573B
2,27:1
Nicht bestanden
Aa
#808D45 auf #EACB5A
2,27:1
Nicht bestanden
Aa
#46573B auf #808D45
2,16:1
Nicht bestanden
Aa
#212939 auf #46573B
1,86:1
Nicht bestanden
Aa
#15162C auf #212939
1,22:1
Nicht bestanden
Ähnliche Paletten
#212121
#323232
#0D7377
#14FFEC
#0A2647
#144272
#205295
#2C74B3
#040D12
#183D3D
#5C8374
#93B1A6
#142850
#27496D
#0C7B93
#00A8CC
#635985
#443C68
#393053
#18122B
#000000
#150050
#3F0071
#610094
#151515
#301B3F
#3C415C
#B4A5A5
#041C32
#04293A
#064663
#ECB365