Bretzel Brown
#AA5555
Likes
15
Farben
5
CSS-Variablen
:root {
--c-muted-1: #AA5555;
--c-muted-2: #55AA55;
--c-muted-3: #5555AA;
--c-muted-4: #555555;
--c-muted-5: #AAAAAA;
}Über diese Palette
Diese gedeckte Palette mit 5 Farben reicht vom hellsten Ton Dhūsar Grey (#AAAAAA) bis zum dunkelsten Ton Stone Cold (#555555). Sie vereint Bretzel Brown, Harā Green, Brandywine Raspberry, Stone Cold und Dhūsar Grey 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
Harā Green
#55AA55
Brandywine Raspberry
#5555AA
Stone Cold
#555555
Dhūsar Grey
#AAAAAA
Kontrast & Barrierefreiheit
0 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#555555 auf #AAAAAA
3,21:1
AA (großer Text)
Aa
#5555AA auf #AAAAAA
2,77:1
Nicht bestanden
Aa
#55AA55 auf #555555
2,58:1
Nicht bestanden
Aa
#55AA55 auf #5555AA
2,23:1
Nicht bestanden
Aa
#AA5555 auf #AAAAAA
2,18:1
Nicht bestanden
Aa
#AA5555 auf #55AA55
1,76:1
Nicht bestanden
Aa
#AA5555 auf #555555
1,47:1
Nicht bestanden
Aa
#AA5555 auf #5555AA
1,27:1
Nicht bestanden
Aa
#55AA55 auf #AAAAAA
1,24:1
Nicht bestanden
Aa
#5555AA auf #555555
1,16: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