Badab Black Wash
#090909
Likes
18
Farben
10
CSS-Variablen
:root {
--c-muted-1: #090909;
--c-muted-2: #18173C;
--c-muted-3: #293329;
--c-muted-4: #244457;
--c-muted-5: #315C3D;
--c-muted-6: #3B8271;
--c-muted-7: #519A59;
--c-muted-8: #92B0A8;
--c-muted-9: #82CC92;
--c-muted-10: #EFD7E6;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton All Made Up (#EFD7E6) bis zum dunkelsten Ton Badab Black Wash (#090909). Sie vereint Badab Black Wash, Nightwalker, Gordons Green, Astronaut Blue, Verde Garrafa, Copper Mineral Green, Clover Patch, Delicate Green, Good Luck Charm und All Made Up in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #090909 auf #EFD7E6 mit 14,73:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Nightwalker
#18173C
Gordons Green
#293329
Astronaut Blue
#244457
Verde Garrafa
#315C3D
Copper Mineral Green
#3B8271
Clover Patch
#519A59
Delicate Green
#92B0A8
Good Luck Charm
#82CC92
All Made Up
#EFD7E6
Kontrast & Barrierefreiheit
14 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#090909 auf #EFD7E6
14,73:1
AAA
Aa
#18173C auf #EFD7E6
12,66:1
AAA
Aa
#090909 auf #82CC92
10,43:1
AAA
Aa
#293329 auf #EFD7E6
9,71:1
AAA
Aa
#18173C auf #82CC92
8,97:1
AAA
Aa
#090909 auf #92B0A8
8,53:1
AAA
Aa
#244457 auf #EFD7E6
7,62:1
AAA
Aa
#18173C auf #92B0A8
7,34:1
AAA
Aa
#293329 auf #82CC92
6,88:1
AA
Aa
#090909 auf #519A59
5,80:1
AA
Aa
#315C3D auf #EFD7E6
5,69:1
AA
Aa
#293329 auf #92B0A8
5,62:1
AA
Aa
#244457 auf #82CC92
5,39:1
AA
Aa
#18173C auf #519A59
4,99:1
AA
Aa
#244457 auf #92B0A8
4,41:1
AA (großer Text)
Aa
#090909 auf #3B8271
4,38:1
AA (großer Text)
Aa
#315C3D auf #82CC92
4,03:1
AA (großer Text)
Aa
#293329 auf #519A59
3,82:1
AA (großer Text)
Aa
#18173C auf #3B8271
3,76:1
AA (großer Text)
Aa
#3B8271 auf #EFD7E6
3,36:1
AA (großer Text)
Aa
#315C3D auf #92B0A8
3,30:1
AA (großer Text)
Aa
#244457 auf #519A59
3,00:1
AA (großer Text)
Aa
#293329 auf #3B8271
2,89:1
Nicht bestanden
Aa
#090909 auf #315C3D
2,59:1
Nicht bestanden
Aa
#519A59 auf #EFD7E6
2,54:1
Nicht bestanden
Aa
#3B8271 auf #82CC92
2,38:1
Nicht bestanden
Aa
#244457 auf #3B8271
2,26:1
Nicht bestanden
Aa
#315C3D auf #519A59
2,24:1
Nicht bestanden
Aa
#18173C auf #315C3D
2,22:1
Nicht bestanden
Aa
#3B8271 auf #92B0A8
1,95:1
Nicht bestanden
Aa
#090909 auf #244457
1,93:1
Nicht bestanden
Aa
#519A59 auf #82CC92
1,80:1
Nicht bestanden
Aa
#92B0A8 auf #EFD7E6
1,73:1
Nicht bestanden
Aa
#293329 auf #315C3D
1,71:1
Nicht bestanden
Aa
#315C3D auf #3B8271
1,69:1
Nicht bestanden
Aa
#18173C auf #244457
1,66:1
Nicht bestanden
Aa
#090909 auf #293329
1,52:1
Nicht bestanden
Aa
#519A59 auf #92B0A8
1,47:1
Nicht bestanden
Aa
#82CC92 auf #EFD7E6
1,41:1
Nicht bestanden
Aa
#244457 auf #315C3D
1,34:1
Nicht bestanden
Aa
#3B8271 auf #519A59
1,32:1
Nicht bestanden
Aa
#18173C auf #293329
1,30:1
Nicht bestanden
Aa
#293329 auf #244457
1,27:1
Nicht bestanden
Aa
#92B0A8 auf #82CC92
1,22:1
Nicht bestanden
Aa
#090909 auf #18173C
1,16: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