Muted Ally 6

Palette mit 6 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Muted Ally 6

Palette mit 6 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 6 Farben Neutral Gemischt Komplementär

Likes 19

Farben 6

CSS-Variablen

:root {
  --c-muted-1: #2C2C39;
  --c-muted-2: #7A7A93;
  --c-muted-3: #96B0B3;
  --c-muted-4: #7F6A62;
  --c-muted-5: #D9C7B4;
  --c-muted-6: #EBE7E5;
}

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Heavenly White (#EBE7E5) bis zum dunkelsten Ton Black Rock (#2C2C39). Sie vereint Black Rock, Waterloo, Smooth-Hound Shark, Antique Earth, Brazilian Sand und Heavenly White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2C2C39 auf #EBE7E5 mit 11,2:1.

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

Farben im Detail

Black Rock #2C2C39

RGB: rgb(44, 44, 57)
HSL: hsl(240, 13%, 20%)
Luminanz: 0,026

Waterloo #7A7A93

RGB: rgb(122, 122, 147)
HSL: hsl(240, 10%, 53%)
Luminanz: 0,202

Smooth-Hound Shark #96B0B3

RGB: rgb(150, 176, 179)
HSL: hsl(186, 16%, 65%)
Luminanz: 0,408

Antique Earth #7F6A62

RGB: rgb(127, 106, 98)
HSL: hsl(17, 13%, 44%)
Luminanz: 0,157

Brazilian Sand #D9C7B4

RGB: rgb(217, 199, 180)
HSL: hsl(31, 33%, 78%)
Luminanz: 0,589

Heavenly White #EBE7E5

RGB: rgb(235, 231, 229)
HSL: hsl(20, 13%, 91%)
Luminanz: 0,805

Kontrast & Barrierefreiheit

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

Aa #2C2C39 auf #EBE7E5 11,20:1 AAA

Aa #2C2C39 auf #D9C7B4 8,37:1 AAA

Aa #2C2C39 auf #96B0B3 6,00:1 AA

Aa #7F6A62 auf #EBE7E5 4,13:1 AA (großer Text)

Aa #7A7A93 auf #EBE7E5 3,40:1 AA (großer Text)

Aa #2C2C39 auf #7A7A93 3,30:1 AA (großer Text)

Aa #7F6A62 auf #D9C7B4 3,09:1 AA (großer Text)

Aa #2C2C39 auf #7F6A62 2,71:1 Nicht bestanden

Aa #7A7A93 auf #D9C7B4 2,54:1 Nicht bestanden

Aa #96B0B3 auf #7F6A62 2,21:1 Nicht bestanden

Aa #96B0B3 auf #EBE7E5 1,87:1 Nicht bestanden

Aa #7A7A93 auf #96B0B3 1,82:1 Nicht bestanden

Aa #96B0B3 auf #D9C7B4 1,40:1 Nicht bestanden

Aa #D9C7B4 auf #EBE7E5 1,34:1 Nicht bestanden

Aa #7A7A93 auf #7F6A62 1,22:1 Nicht bestanden

Muted Ally 6

Muted Ally 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen