MonoMetalic

Palette mit 6 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

MonoMetalic

Palette mit 6 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 6 Farben Kühl Gemischt Komplementär lowsaturation cold metal monocrome

Likes 276

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #ECE6DF;
  --c-earthy-2: #CEBDB0;
  --c-earthy-3: #AC9098;
  --c-earthy-4: #6A6997;
  --c-earthy-5: #585783;
  --c-earthy-6: #2C2851;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Angora Goat (#ECE6DF) bis zum dunkelsten Ton Pāua (#2C2851). Sie vereint Angora Goat, Windrift Beige, Mauve Shadows, Wild Wisteria, Aurora Splendour und Pāua in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #ECE6DF auf #2C2851 mit 11,08:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Angora Goat #ECE6DF

RGB: rgb(236, 230, 223)
HSL: hsl(32, 25%, 90%)
Luminanz: 0,798

Windrift Beige #CEBDB0

RGB: rgb(206, 189, 176)
HSL: hsl(26, 23%, 75%)
Luminanz: 0,527

Mauve Shadows #AC9098

RGB: rgb(172, 144, 152)
HSL: hsl(343, 14%, 62%)
Luminanz: 0,310

Wild Wisteria #6A6997

RGB: rgb(106, 105, 151)
HSL: hsl(241, 18%, 50%)
Luminanz: 0,154

Aurora Splendour #585783

RGB: rgb(88, 87, 131)
HSL: hsl(241, 20%, 43%)
Luminanz: 0,105

Pāua #2C2851

RGB: rgb(44, 40, 81)
HSL: hsl(246, 34%, 24%)
Luminanz: 0,027

Kontrast & Barrierefreiheit

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

Aa #ECE6DF auf #2C2851 11,08:1 AAA

Aa #CEBDB0 auf #2C2851 7,54:1 AAA

Aa #ECE6DF auf #585783 5,46:1 AA

Aa #AC9098 auf #2C2851 4,71:1 AA

Aa #ECE6DF auf #6A6997 4,15:1 AA (großer Text)

Aa #CEBDB0 auf #585783 3,71:1 AA (großer Text)

Aa #CEBDB0 auf #6A6997 2,83:1 Nicht bestanden

Aa #6A6997 auf #2C2851 2,67:1 Nicht bestanden

Aa #ECE6DF auf #AC9098 2,36:1 Nicht bestanden

Aa #AC9098 auf #585783 2,32:1 Nicht bestanden

Aa #585783 auf #2C2851 2,03:1 Nicht bestanden

Aa #AC9098 auf #6A6997 1,76:1 Nicht bestanden

Aa #CEBDB0 auf #AC9098 1,60:1 Nicht bestanden

Aa #ECE6DF auf #CEBDB0 1,47:1 Nicht bestanden

Aa #6A6997 auf #585783 1,31:1 Nicht bestanden

MonoMetalic

MonoMetalic

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen