Bobolink04

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

Zurück zur Bibliothek

Bobolink04

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Komplementär green orange 4 gb

Likes 38

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #28344E;
  --c-earthy-2: #399071;
  --c-earthy-3: #EE9172;
  --c-earthy-4: #DCCAB7;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Loft Light (#DCCAB7) bis zum dunkelsten Ton Blue Lobelia (#28344E). Sie vereint Blue Lobelia, Illuminating Emerald, Moegi Green und Loft Light in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #28344E auf #DCCAB7 mit 7,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

Blue Lobelia #28344E

RGB: rgb(40, 52, 78)
HSL: hsl(221, 32%, 23%)
Luminanz: 0,035

Illuminating Emerald #399071

RGB: rgb(57, 144, 113)
HSL: hsl(159, 43%, 39%)
Luminanz: 0,220

Moegi Green #EE9172

RGB: rgb(238, 145, 114)
HSL: hsl(15, 78%, 69%)
Luminanz: 0,396

Loft Light #DCCAB7

RGB: rgb(220, 202, 183)
HSL: hsl(31, 35%, 79%)
Luminanz: 0,609

Kontrast & Barrierefreiheit

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

Aa #28344E auf #DCCAB7 7,79:1 AAA

Aa #28344E auf #EE9172 5,28:1 AA

Aa #28344E auf #399071 3,19:1 AA (großer Text)

Aa #399071 auf #DCCAB7 2,44:1 Nicht bestanden

Aa #399071 auf #EE9172 1,65:1 Nicht bestanden

Aa #EE9172 auf #DCCAB7 1,48:1 Nicht bestanden

Bobolink04

Bobolink04

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen