Registrieren Registrieren
Dusk Army

Dusk Army

Palette mit 12 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Dusk Army

Palette mit 12 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten
Gedeckt 12 Farben Kühl Gemischt Analog green dark desaturated army
Likes 24
Farben 12

CSS-Variablen

:root {
  --c-muted-1: #414B5A;
  --c-muted-2: #4F5A69;
  --c-muted-3: #83868F;
  --c-muted-4: #607F80;
  --c-muted-5: #809A89;
  --c-muted-6: #A2B39B;
  --c-muted-7: #6B8B8C;
  --c-muted-8: #81A38E;
  --c-muted-9: #AAC39E;
  --c-muted-10: #706D65;
  --c-muted-11: #81797A;
  --c-muted-12: #8D8687;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Pale Mint (#AAC39E) bis zum dunkelsten Ton Cavalry (#414B5A). Sie vereint Cavalry, Yankee Doodle, Grey Heather, Stream Burble, Parisian Patina, Banksia, Sealegs, Mossy Bench, Pale Mint, Ironside Grey, Grey Suit und Plate Mail Metal in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #414B5A auf #AAC39E mit 4,63:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Cavalry #414B5A
RGB
rgb(65, 75, 90)
HSL
hsl(216, 16%, 30%)
Luminanz
0,069
Yankee Doodle #4F5A69
RGB
rgb(79, 90, 105)
HSL
hsl(215, 14%, 36%)
Luminanz
0,100
Grey Heather #83868F
RGB
rgb(131, 134, 143)
HSL
hsl(225, 5%, 54%)
Luminanz
0,239
Stream Burble #607F80
RGB
rgb(96, 127, 128)
HSL
hsl(182, 14%, 44%)
Luminanz
0,192
Parisian Patina #809A89
RGB
rgb(128, 154, 137)
HSL
hsl(141, 11%, 55%)
Luminanz
0,295
Banksia #A2B39B
RGB
rgb(162, 179, 155)
HSL
hsl(103, 14%, 65%)
Luminanz
0,423
Sealegs #6B8B8C
RGB
rgb(107, 139, 140)
HSL
hsl(182, 13%, 48%)
Luminanz
0,235
Mossy Bench #81A38E
RGB
rgb(129, 163, 142)
HSL
hsl(143, 16%, 57%)
Luminanz
0,328
Pale Mint #AAC39E
RGB
rgb(170, 195, 158)
HSL
hsl(101, 24%, 69%)
Luminanz
0,500
Ironside Grey #706D65
RGB
rgb(112, 109, 101)
HSL
hsl(44, 5%, 42%)
Luminanz
0,153
Grey Suit #81797A
RGB
rgb(129, 121, 122)
HSL
hsl(353, 3%, 49%)
Luminanz
0,198
Plate Mail Metal #8D8687
RGB
rgb(141, 134, 135)
HSL
hsl(351, 3%, 54%)
Luminanz
0,245

Kontrast & Barrierefreiheit

1 von 66 Farbpaaren erreicht die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #414B5A auf #AAC39E 4,63:1 AA
Aa #414B5A auf #A2B39B 3,98:1 AA (großer Text)
Aa #4F5A69 auf #AAC39E 3,67:1 AA (großer Text)
Aa #414B5A auf #81A38E 3,18:1 AA (großer Text)
Aa #4F5A69 auf #A2B39B 3,15:1 AA (großer Text)
Aa #414B5A auf #809A89 2,90:1 Nicht bestanden
Aa #AAC39E auf #706D65 2,71:1 Nicht bestanden
Aa #4F5A69 auf #81A38E 2,52:1 Nicht bestanden
Aa #414B5A auf #8D8687 2,48:1 Nicht bestanden
Aa #414B5A auf #83868F 2,43:1 Nicht bestanden
Aa #414B5A auf #6B8B8C 2,39:1 Nicht bestanden
Aa #A2B39B auf #706D65 2,33:1 Nicht bestanden
Aa #4F5A69 auf #809A89 2,30:1 Nicht bestanden
Aa #607F80 auf #AAC39E 2,27:1 Nicht bestanden
Aa #AAC39E auf #81797A 2,22:1 Nicht bestanden
Aa #414B5A auf #81797A 2,08:1 Nicht bestanden
Aa #414B5A auf #607F80 2,04:1 Nicht bestanden
Aa #4F5A69 auf #8D8687 1,96:1 Nicht bestanden
Aa #607F80 auf #A2B39B 1,95:1 Nicht bestanden
Aa #6B8B8C auf #AAC39E 1,93:1 Nicht bestanden
Aa #4F5A69 auf #83868F 1,92:1 Nicht bestanden
Aa #83868F auf #AAC39E 1,91:1 Nicht bestanden
Aa #A2B39B auf #81797A 1,91:1 Nicht bestanden
Aa #4F5A69 auf #6B8B8C 1,90:1 Nicht bestanden
Aa #AAC39E auf #8D8687 1,87:1 Nicht bestanden
Aa #81A38E auf #706D65 1,86:1 Nicht bestanden
Aa #414B5A auf #706D65 1,71:1 Nicht bestanden
Aa #809A89 auf #706D65 1,70:1 Nicht bestanden
Aa #A2B39B auf #6B8B8C 1,66:1 Nicht bestanden
Aa #4F5A69 auf #81797A 1,65:1 Nicht bestanden
Aa #83868F auf #A2B39B 1,64:1 Nicht bestanden
Aa #4F5A69 auf #607F80 1,62:1 Nicht bestanden
Aa #A2B39B auf #8D8687 1,61:1 Nicht bestanden
Aa #809A89 auf #AAC39E 1,60:1 Nicht bestanden
Aa #607F80 auf #81A38E 1,56:1 Nicht bestanden
Aa #81A38E auf #81797A 1,53:1 Nicht bestanden
Aa #81A38E auf #AAC39E 1,46:1 Nicht bestanden
Aa #706D65 auf #8D8687 1,45:1 Nicht bestanden
Aa #83868F auf #706D65 1,42:1 Nicht bestanden
Aa #607F80 auf #809A89 1,42:1 Nicht bestanden
Aa #6B8B8C auf #706D65 1,40:1 Nicht bestanden
Aa #809A89 auf #81797A 1,39:1 Nicht bestanden
Aa #809A89 auf #A2B39B 1,37:1 Nicht bestanden
Aa #4F5A69 auf #706D65 1,36:1 Nicht bestanden
Aa #6B8B8C auf #81A38E 1,33:1 Nicht bestanden
Aa #83868F auf #81A38E 1,31:1 Nicht bestanden
Aa #81A38E auf #8D8687 1,28:1 Nicht bestanden
Aa #414B5A auf #4F5A69 1,26:1 Nicht bestanden
Aa #A2B39B auf #81A38E 1,25:1 Nicht bestanden
Aa #607F80 auf #8D8687 1,22:1 Nicht bestanden
Aa #706D65 auf #81797A 1,22:1 Nicht bestanden
Aa #809A89 auf #6B8B8C 1,21:1 Nicht bestanden
Aa #83868F auf #809A89 1,20:1 Nicht bestanden
Aa #83868F auf #607F80 1,19:1 Nicht bestanden
Aa #607F80 auf #706D65 1,19:1 Nicht bestanden
Aa #81797A auf #8D8687 1,19:1 Nicht bestanden
Aa #607F80 auf #6B8B8C 1,18:1 Nicht bestanden
Aa #83868F auf #81797A 1,17:1 Nicht bestanden
Aa #809A89 auf #8D8687 1,17:1 Nicht bestanden
Aa #A2B39B auf #AAC39E 1,16:1 Nicht bestanden
Aa #6B8B8C auf #81797A 1,15:1 Nicht bestanden
Aa #809A89 auf #81A38E 1,10:1 Nicht bestanden
Aa #6B8B8C auf #8D8687 1,03:1 Nicht bestanden
Aa #83868F auf #8D8687 1,02:1 Nicht bestanden
Aa #607F80 auf #81797A 1,02:1 Nicht bestanden
Aa #83868F auf #6B8B8C 1,01:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben