Moon Squid 7

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

Zurück zur Bibliothek

Moon Squid 7

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

Bearbeiten

Erdig 7 Farben Kühl Gemischt Komplementär 7 blue cyan moon

Likes 26

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #81B2C5;
  --c-earthy-2: #6D98BA;
  --c-earthy-3: #4E7089;
  --c-earthy-4: #2F4858;
  --c-earthy-5: #716F71;
  --c-earthy-6: #C8AFA7;
  --c-earthy-7: #EACDC2;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Quaint Peche (#EACDC2) bis zum dunkelsten Ton Blue Wing Teal (#2F4858). Sie vereint Heavenly, Lupine Blue, Inky Blue, Blue Wing Teal, Smoked Pearl, Vintage Charm und Quaint Peche in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2F4858 auf #EACDC2 mit 6,4: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

Heavenly #81B2C5

RGB: rgb(129, 178, 197)
HSL: hsl(197, 37%, 64%)
Luminanz: 0,405

Lupine Blue #6D98BA

RGB: rgb(109, 152, 186)
HSL: hsl(206, 36%, 58%)
Luminanz: 0,293

Inky Blue #4E7089

RGB: rgb(78, 112, 137)
HSL: hsl(205, 27%, 42%)
Luminanz: 0,150

Blue Wing Teal #2F4858

RGB: rgb(47, 72, 88)
HSL: hsl(203, 30%, 26%)
Luminanz: 0,059

Smoked Pearl #716F71

RGB: rgb(113, 111, 113)
HSL: hsl(300, 1%, 44%)
Luminanz: 0,161

Vintage Charm #C8AFA7

RGB: rgb(200, 175, 167)
HSL: hsl(15, 23%, 72%)
Luminanz: 0,457

Quaint Peche #EACDC2

RGB: rgb(234, 205, 194)
HSL: hsl(17, 49%, 84%)
Luminanz: 0,651

Kontrast & Barrierefreiheit

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

Aa #2F4858 auf #EACDC2 6,40:1 AA

Aa #2F4858 auf #C8AFA7 4,64:1 AA

Aa #81B2C5 auf #2F4858 4,16:1 AA (großer Text)

Aa #4E7089 auf #EACDC2 3,50:1 AA (großer Text)

Aa #716F71 auf #EACDC2 3,32:1 AA (großer Text)

Aa #6D98BA auf #2F4858 3,13:1 AA (großer Text)

Aa #4E7089 auf #C8AFA7 2,53:1 Nicht bestanden

Aa #716F71 auf #C8AFA7 2,41:1 Nicht bestanden

Aa #81B2C5 auf #4E7089 2,28:1 Nicht bestanden

Aa #81B2C5 auf #716F71 2,16:1 Nicht bestanden

Aa #6D98BA auf #EACDC2 2,05:1 Nicht bestanden

Aa #2F4858 auf #716F71 1,93:1 Nicht bestanden

Aa #4E7089 auf #2F4858 1,83:1 Nicht bestanden

Aa #6D98BA auf #4E7089 1,71:1 Nicht bestanden

Aa #6D98BA auf #716F71 1,63:1 Nicht bestanden

Aa #81B2C5 auf #EACDC2 1,54:1 Nicht bestanden

Aa #6D98BA auf #C8AFA7 1,48:1 Nicht bestanden

Aa #C8AFA7 auf #EACDC2 1,38:1 Nicht bestanden

Aa #81B2C5 auf #6D98BA 1,33:1 Nicht bestanden

Aa #81B2C5 auf #C8AFA7 1,11:1 Nicht bestanden

Aa #4E7089 auf #716F71 1,05:1 Nicht bestanden

Moon Squid 7

Moon Squid 7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen