LIBRA 8

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

Zurück zur Bibliothek

LIBRA 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär green orange purple yellow

Likes 24

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #56465E;
  --c-earthy-2: #8E3785;
  --c-earthy-3: #C04394;
  --c-earthy-4: #E7AE43;
  --c-earthy-5: #CDCD74;
  --c-earthy-6: #7EA881;
  --c-earthy-7: #F1EDD7;
  --c-earthy-8: #FFB587;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Perfect Solution (#F1EDD7) bis zum dunkelsten Ton Conspiracy Velvet (#56465E). Sie vereint Conspiracy Velvet, Hollyhock, Boat Orchid, Mì Chéng Honey, Fool’s Gold, Greyish Green, Perfect Solution und Coral Dusk in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #56465E auf #F1EDD7 mit 7,33: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

Conspiracy Velvet #56465E

RGB: rgb(86, 70, 94)
HSL: hsl(280, 15%, 32%)
Luminanz: 0,072

Hollyhock #8E3785

RGB: rgb(142, 55, 133)
HSL: hsl(306, 44%, 39%)
Luminanz: 0,102

Boat Orchid #C04394

RGB: rgb(192, 67, 148)
HSL: hsl(321, 50%, 51%)
Luminanz: 0,174

Mì Chéng Honey #E7AE43

RGB: rgb(231, 174, 67)
HSL: hsl(39, 77%, 58%)
Luminanz: 0,477

Fool’s Gold #CDCD74

RGB: rgb(205, 205, 116)
HSL: hsl(60, 47%, 63%)
Luminanz: 0,579

Greyish Green #7EA881

RGB: rgb(126, 168, 129)
HSL: hsl(124, 19%, 58%)
Luminanz: 0,340

Perfect Solution #F1EDD7

RGB: rgb(241, 237, 215)
HSL: hsl(51, 48%, 89%)
Luminanz: 0,842

Coral Dusk #FFB587

RGB: rgb(255, 181, 135)
HSL: hsl(23, 100%, 76%)
Luminanz: 0,561

Kontrast & Barrierefreiheit

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

Aa #56465E auf #F1EDD7 7,33:1 AAA

Aa #8E3785 auf #F1EDD7 5,88:1 AA

Aa #56465E auf #CDCD74 5,17:1 AA

Aa #56465E auf #FFB587 5,02:1 AA

Aa #56465E auf #E7AE43 4,33:1 AA (großer Text)

Aa #8E3785 auf #CDCD74 4,14:1 AA (großer Text)

Aa #8E3785 auf #FFB587 4,02:1 AA (großer Text)

Aa #C04394 auf #F1EDD7 3,99:1 AA (großer Text)

Aa #8E3785 auf #E7AE43 3,47:1 AA (großer Text)

Aa #56465E auf #7EA881 3,21:1 AA (großer Text)

Aa #C04394 auf #CDCD74 2,81:1 Nicht bestanden

Aa #C04394 auf #FFB587 2,73:1 Nicht bestanden

Aa #8E3785 auf #7EA881 2,57:1 Nicht bestanden

Aa #C04394 auf #E7AE43 2,36:1 Nicht bestanden

Aa #7EA881 auf #F1EDD7 2,29:1 Nicht bestanden

Aa #56465E auf #C04394 1,84:1 Nicht bestanden

Aa #C04394 auf #7EA881 1,75:1 Nicht bestanden

Aa #E7AE43 auf #F1EDD7 1,69:1 Nicht bestanden

Aa #CDCD74 auf #7EA881 1,61:1 Nicht bestanden

Aa #7EA881 auf #FFB587 1,56:1 Nicht bestanden

Aa #8E3785 auf #C04394 1,47:1 Nicht bestanden

Aa #F1EDD7 auf #FFB587 1,46:1 Nicht bestanden

Aa #CDCD74 auf #F1EDD7 1,42:1 Nicht bestanden

Aa #E7AE43 auf #7EA881 1,35:1 Nicht bestanden

Aa #56465E auf #8E3785 1,25:1 Nicht bestanden

Aa #E7AE43 auf #CDCD74 1,19:1 Nicht bestanden

Aa #E7AE43 auf #FFB587 1,16:1 Nicht bestanden

Aa #CDCD74 auf #FFB587 1,03:1 Nicht bestanden

LIBRA 8

LIBRA 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen