Dingy Sticky Note
#E8F1A6
Likes
117
Farben
10
CSS-Variablen
:root {
--c-muted-1: #E8F1A6;
--c-muted-2: #CAD670;
--c-muted-3: #A3C255;
--c-muted-4: #6FA341;
--c-muted-5: #498F45;
--c-muted-6: #387450;
--c-muted-7: #2D5C56;
--c-muted-8: #1F3741;
--c-muted-9: #1E2029;
--c-muted-10: #16161C;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Dingy Sticky Note (#E8F1A6) bis zum dunkelsten Ton Eigengrau (#16161C). Sie vereint Dingy Sticky Note, Cool as a Cucumber, Sapling, Festival Green, Lush Grass, Amazon, Lacrosse, Into the Night, Noble Black und Eigengrau in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 15 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E8F1A6 auf #16161C mit 15,07:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Cool as a Cucumber
#CAD670
Sapling
#A3C255
Festival Green
#6FA341
Lush Grass
#498F45
Amazon
#387450
Lacrosse
#2D5C56
Into the Night
#1F3741
Noble Black
#1E2029
Eigengrau
#16161C
Kontrast & Barrierefreiheit
15 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#E8F1A6 auf #16161C
15,07:1
AAA
Aa
#E8F1A6 auf #1E2029
13,58:1
AAA
Aa
#CAD670 auf #16161C
11,46:1
AAA
Aa
#E8F1A6 auf #1F3741
10,45:1
AAA
Aa
#CAD670 auf #1E2029
10,33:1
AAA
Aa
#A3C255 auf #16161C
8,93:1
AAA
Aa
#A3C255 auf #1E2029
8,04:1
AAA
Aa
#CAD670 auf #1F3741
7,95:1
AAA
Aa
#E8F1A6 auf #2D5C56
6,33:1
AA
Aa
#A3C255 auf #1F3741
6,19:1
AA
Aa
#6FA341 auf #16161C
6,00:1
AA
Aa
#6FA341 auf #1E2029
5,40:1
AA
Aa
#CAD670 auf #2D5C56
4,81:1
AA
Aa
#E8F1A6 auf #387450
4,64:1
AA
Aa
#498F45 auf #16161C
4,55:1
AA
Aa
#6FA341 auf #1F3741
4,16:1
AA (großer Text)
Aa
#498F45 auf #1E2029
4,09:1
AA (großer Text)
Aa
#A3C255 auf #2D5C56
3,75:1
AA (großer Text)
Aa
#CAD670 auf #387450
3,53:1
AA (großer Text)
Aa
#E8F1A6 auf #498F45
3,32:1
AA (großer Text)
Aa
#387450 auf #16161C
3,24:1
AA (großer Text)
Aa
#498F45 auf #1F3741
3,15:1
AA (großer Text)
Aa
#387450 auf #1E2029
2,92:1
Nicht bestanden
Aa
#A3C255 auf #387450
2,75:1
Nicht bestanden
Aa
#CAD670 auf #498F45
2,52:1
Nicht bestanden
Aa
#6FA341 auf #2D5C56
2,52:1
Nicht bestanden
Aa
#E8F1A6 auf #6FA341
2,51:1
Nicht bestanden
Aa
#2D5C56 auf #16161C
2,38:1
Nicht bestanden
Aa
#387450 auf #1F3741
2,25:1
Nicht bestanden
Aa
#2D5C56 auf #1E2029
2,15:1
Nicht bestanden
Aa
#A3C255 auf #498F45
1,96:1
Nicht bestanden
Aa
#CAD670 auf #6FA341
1,91:1
Nicht bestanden
Aa
#498F45 auf #2D5C56
1,91:1
Nicht bestanden
Aa
#6FA341 auf #387450
1,85:1
Nicht bestanden
Aa
#E8F1A6 auf #A3C255
1,69:1
Nicht bestanden
Aa
#2D5C56 auf #1F3741
1,65:1
Nicht bestanden
Aa
#A3C255 auf #6FA341
1,49:1
Nicht bestanden
Aa
#1F3741 auf #16161C
1,44:1
Nicht bestanden
Aa
#498F45 auf #387450
1,40:1
Nicht bestanden
Aa
#387450 auf #2D5C56
1,36:1
Nicht bestanden
Aa
#6FA341 auf #498F45
1,32:1
Nicht bestanden
Aa
#E8F1A6 auf #CAD670
1,31:1
Nicht bestanden
Aa
#1F3741 auf #1E2029
1,30:1
Nicht bestanden
Aa
#CAD670 auf #A3C255
1,28:1
Nicht bestanden
Aa
#1E2029 auf #16161C
1,11:1
Nicht bestanden
Ähnliche Paletten
#222831
#393E46
#00ADB5
#EEEEEE
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
#1B262C
#0F4C75
#3282B8
#BBE1FA
#08D9D6
#252A34
#FF2E63
#EAEAEA
#27374D
#526D82
#9DB2BF
#DDE6ED
#364F6B
#3FC1C9
#F5F5F5
#FC5185
#E4F9F5
#30E3CA
#11999E
#40514E
#F0F5F9
#C9D6DF
#52616B
#1E2022