S Lucky

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

Zurück zur Bibliothek

S Lucky

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

Bearbeiten

Erdig 7 Farben Kühl Gemischt Komplementär 7 artist colorful anubiarts

Likes 84

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #AB6187;
  --c-earthy-2: #EBC686;
  --c-earthy-3: #D8E8E6;
  --c-earthy-4: #65DB73;
  --c-earthy-5: #709DCF;
  --c-earthy-6: #5A687D;
  --c-earthy-7: #211E33;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Frozen Mint (#D8E8E6) bis zum dunkelsten Ton Black Howl (#211E33). Sie vereint Wild Mulberry, Garbanzo Paste, Frozen Mint, Pastel Green, Ice Blue, Spinning Blue und Black Howl in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D8E8E6 auf #211E33 mit 12,79: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

Wild Mulberry #AB6187

RGB: rgb(171, 97, 135)
HSL: hsl(329, 31%, 53%)
Luminanz: 0,190

Garbanzo Paste #EBC686

RGB: rgb(235, 198, 134)
HSL: hsl(38, 72%, 72%)
Luminanz: 0,598

Frozen Mint #D8E8E6

RGB: rgb(216, 232, 230)
HSL: hsl(173, 26%, 88%)
Luminanz: 0,780

Pastel Green #65DB73

RGB: rgb(101, 219, 115)
HSL: hsl(127, 62%, 63%)
Luminanz: 0,547

Ice Blue #709DCF

RGB: rgb(112, 157, 207)
HSL: hsl(212, 50%, 63%)
Luminanz: 0,321

Spinning Blue #5A687D

RGB: rgb(90, 104, 125)
HSL: hsl(216, 16%, 42%)
Luminanz: 0,136

Black Howl #211E33

RGB: rgb(33, 30, 51)
HSL: hsl(249, 26%, 16%)
Luminanz: 0,015

Kontrast & Barrierefreiheit

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

Aa #D8E8E6 auf #211E33 12,79:1 AAA

Aa #EBC686 auf #211E33 9,98:1 AAA

Aa #65DB73 auf #211E33 9,19:1 AAA

Aa #709DCF auf #211E33 5,71:1 AA

Aa #D8E8E6 auf #5A687D 4,47:1 AA (großer Text)

Aa #AB6187 auf #211E33 3,69:1 AA (großer Text)

Aa #EBC686 auf #5A687D 3,49:1 AA (großer Text)

Aa #AB6187 auf #D8E8E6 3,47:1 AA (großer Text)

Aa #65DB73 auf #5A687D 3,22:1 AA (großer Text)

Aa #5A687D auf #211E33 2,86:1 Nicht bestanden

Aa #AB6187 auf #EBC686 2,70:1 Nicht bestanden

Aa #AB6187 auf #65DB73 2,49:1 Nicht bestanden

Aa #D8E8E6 auf #709DCF 2,24:1 Nicht bestanden

Aa #709DCF auf #5A687D 2,00:1 Nicht bestanden

Aa #EBC686 auf #709DCF 1,75:1 Nicht bestanden

Aa #65DB73 auf #709DCF 1,61:1 Nicht bestanden

Aa #AB6187 auf #709DCF 1,55:1 Nicht bestanden

Aa #D8E8E6 auf #65DB73 1,39:1 Nicht bestanden

Aa #AB6187 auf #5A687D 1,29:1 Nicht bestanden

Aa #EBC686 auf #D8E8E6 1,28:1 Nicht bestanden

Aa #EBC686 auf #65DB73 1,09:1 Nicht bestanden

S Lucky

S Lucky

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen