Massillon 6

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

Zurück zur Bibliothek

Massillon 6

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

Bearbeiten

Gedeckt 6 Farben Neutral Gemischt Komplementär 6colors carp ohio

Likes 18

Farben 6

CSS-Variablen

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

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Feijoa Flower (#EDF3C8) bis zum dunkelsten Ton Black Rock (#2C2C39). Sie vereint Feijoa Flower, Brazilian Sand, Smooth-Hound Shark, Waterloo, Antique Earth und Black Rock 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 #EDF3C8 auf #2C2C39 mit 11,96:1.

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

Farben im Detail

Feijoa Flower #EDF3C8

RGB: rgb(237, 243, 200)
HSL: hsl(68, 64%, 87%)
Luminanz: 0,863

Brazilian Sand #D9C7B4

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

Smooth-Hound Shark #96B0B3

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

Waterloo #7A7A93

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

Antique Earth #7F6A62

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

Black Rock #2C2C39

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

Kontrast & Barrierefreiheit

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

Aa #EDF3C8 auf #2C2C39 11,96:1 AAA

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

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

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

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

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

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

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

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

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

Aa #EDF3C8 auf #96B0B3 1,99:1 Nicht bestanden

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

Aa #EDF3C8 auf #D9C7B4 1,43:1 Nicht bestanden

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

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

Massillon 6

Massillon 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen