Sky5

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

Zurück zur Bibliothek

Sky5

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

Bearbeiten

Erdig 7 Farben Neutral Gemischt Komplementär

Likes 25

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #C7AC5B;
  --c-earthy-2: #DBD879;
  --c-earthy-3: #DFD59E;
  --c-earthy-4: #ECECD2;
  --c-earthy-5: #8EB3AF;
  --c-earthy-6: #768FA3;
  --c-earthy-7: #627087;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Budding Fern (#ECECD2) bis zum dunkelsten Ton Blue Cloud (#627087). Sie vereint Laser, Moist Gold, Twinkle Toes, Budding Fern, Undersea, Blue Grey und Blue Cloud in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 21 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Laser #C7AC5B

RGB: rgb(199, 172, 91)
HSL: hsl(45, 49%, 57%)
Luminanz: 0,424

Moist Gold #DBD879

RGB: rgb(219, 216, 121)
HSL: hsl(58, 58%, 67%)
Luminanz: 0,656

Twinkle Toes #DFD59E

RGB: rgb(223, 213, 158)
HSL: hsl(51, 50%, 75%)
Luminanz: 0,658

Budding Fern #ECECD2

RGB: rgb(236, 236, 210)
HSL: hsl(60, 41%, 87%)
Luminanz: 0,825

Undersea #8EB3AF

RGB: rgb(142, 179, 175)
HSL: hsl(174, 20%, 63%)
Luminanz: 0,411

Blue Grey #768FA3

RGB: rgb(118, 143, 163)
HSL: hsl(207, 20%, 55%)
Luminanz: 0,261

Blue Cloud #627087

RGB: rgb(98, 112, 135)
HSL: hsl(217, 16%, 46%)
Luminanz: 0,159

Kontrast & Barrierefreiheit

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

Aa #ECECD2 auf #627087 4,18:1 AA (großer Text)

Aa #DFD59E auf #627087 3,38:1 AA (großer Text)

Aa #DBD879 auf #627087 3,37:1 AA (großer Text)

Aa #ECECD2 auf #768FA3 2,81:1 Nicht bestanden

Aa #DBD879 auf #768FA3 2,27:1 Nicht bestanden

Aa #DFD59E auf #768FA3 2,27:1 Nicht bestanden

Aa #C7AC5B auf #627087 2,26:1 Nicht bestanden

Aa #8EB3AF auf #627087 2,20:1 Nicht bestanden

Aa #ECECD2 auf #8EB3AF 1,90:1 Nicht bestanden

Aa #C7AC5B auf #ECECD2 1,85:1 Nicht bestanden

Aa #DFD59E auf #8EB3AF 1,54:1 Nicht bestanden

Aa #DBD879 auf #8EB3AF 1,53:1 Nicht bestanden

Aa #C7AC5B auf #768FA3 1,52:1 Nicht bestanden

Aa #C7AC5B auf #DBD879 1,49:1 Nicht bestanden

Aa #C7AC5B auf #DFD59E 1,49:1 Nicht bestanden

Aa #768FA3 auf #627087 1,49:1 Nicht bestanden

Aa #8EB3AF auf #768FA3 1,48:1 Nicht bestanden

Aa #DBD879 auf #ECECD2 1,24:1 Nicht bestanden

Aa #DFD59E auf #ECECD2 1,24:1 Nicht bestanden

Aa #C7AC5B auf #8EB3AF 1,03:1 Nicht bestanden

Aa #DBD879 auf #DFD59E 1,00:1 Nicht bestanden

Sky5

Sky5

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen