Lemondrop

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Lemondrop

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär colorful fruit lemon

Likes 25

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #191A1A;
  --c-earthy-2: #3C3C4F;
  --c-earthy-3: #966982;
  --c-earthy-4: #DFDDB5;
  --c-earthy-5: #06858C;
  --c-earthy-6: #12AE5D;
  --c-earthy-7: #C0CC29;
  --c-earthy-8: #EFDF53;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Biotic Orb (#EFDF53) bis zum dunkelsten Ton Eerie Black (#191A1A). Sie vereint Eerie Black, India Ink, Strikemaster, Ethereal One, Gulf Stream, Secret Garden, Luscious Leek und Biotic Orb in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #191A1A auf #EFDF53 mit 12,75: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

Eerie Black #191A1A

RGB: rgb(25, 26, 26)
HSL: hsl(180, 2%, 10%)
Luminanz: 0,010

India Ink #3C3C4F

RGB: rgb(60, 60, 79)
HSL: hsl(240, 14%, 27%)
Luminanz: 0,048

Strikemaster #966982

RGB: rgb(150, 105, 130)
HSL: hsl(327, 18%, 50%)
Luminanz: 0,182

Ethereal One #DFDDB5

RGB: rgb(223, 221, 181)
HSL: hsl(57, 40%, 79%)
Luminanz: 0,707

Gulf Stream #06858C

RGB: rgb(6, 133, 140)
HSL: hsl(183, 92%, 29%)
Luminanz: 0,187

Secret Garden #12AE5D

RGB: rgb(18, 174, 93)
HSL: hsl(149, 81%, 38%)
Luminanz: 0,312

Luscious Leek #C0CC29

RGB: rgb(192, 204, 41)
HSL: hsl(64, 67%, 48%)
Luminanz: 0,546

Biotic Orb #EFDF53

RGB: rgb(239, 223, 83)
HSL: hsl(54, 83%, 63%)
Luminanz: 0,718

Kontrast & Barrierefreiheit

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

Aa #191A1A auf #EFDF53 12,75:1 AAA

Aa #191A1A auf #DFDDB5 12,58:1 AAA

Aa #191A1A auf #C0CC29 9,89:1 AAA

Aa #3C3C4F auf #EFDF53 7,87:1 AAA

Aa #3C3C4F auf #DFDDB5 7,76:1 AAA

Aa #3C3C4F auf #C0CC29 6,10:1 AA

Aa #191A1A auf #12AE5D 6,01:1 AA

Aa #191A1A auf #06858C 3,94:1 AA (großer Text)

Aa #191A1A auf #966982 3,85:1 AA (großer Text)

Aa #3C3C4F auf #12AE5D 3,71:1 AA (großer Text)

Aa #966982 auf #EFDF53 3,31:1 AA (großer Text)

Aa #966982 auf #DFDDB5 3,26:1 AA (großer Text)

Aa #06858C auf #EFDF53 3,24:1 AA (großer Text)

Aa #DFDDB5 auf #06858C 3,19:1 AA (großer Text)

Aa #966982 auf #C0CC29 2,57:1 Nicht bestanden

Aa #06858C auf #C0CC29 2,51:1 Nicht bestanden

Aa #3C3C4F auf #06858C 2,43:1 Nicht bestanden

Aa #3C3C4F auf #966982 2,38:1 Nicht bestanden

Aa #12AE5D auf #EFDF53 2,12:1 Nicht bestanden

Aa #DFDDB5 auf #12AE5D 2,09:1 Nicht bestanden

Aa #12AE5D auf #C0CC29 1,65:1 Nicht bestanden

Aa #191A1A auf #3C3C4F 1,62:1 Nicht bestanden

Aa #966982 auf #12AE5D 1,56:1 Nicht bestanden

Aa #06858C auf #12AE5D 1,53:1 Nicht bestanden

Aa #C0CC29 auf #EFDF53 1,29:1 Nicht bestanden

Aa #DFDDB5 auf #C0CC29 1,27:1 Nicht bestanden

Aa #966982 auf #06858C 1,02:1 Nicht bestanden

Aa #DFDDB5 auf #EFDF53 1,01:1 Nicht bestanden

Lemondrop

Lemondrop

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen