Startseite Farbpaletten DawnBringer's 8 Color

DawnBringer's 8 Color

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

Zurück zur Bibliothek

DawnBringer's 8 Color

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

Bearbeiten

Erdig 8 Farben Neutral Gemischt Komplementär artist dawnbringer

Likes 416

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #55415F;
  --c-earthy-3: #646964;
  --c-earthy-4: #D77355;
  --c-earthy-5: #508CD7;
  --c-earthy-6: #64B964;
  --c-earthy-7: #E6C86E;
  --c-earthy-8: #DCF5FF;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Glacial Day (#DCF5FF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Navy Cosmos, Black Locust, Peachy Scene, Blue Dart, Boring Green, Le Bon Dijon und Glacial Day in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #DCF5FF mit 18,55: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

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Navy Cosmos #55415F

RGB: rgb(85, 65, 95)
HSL: hsl(280, 19%, 31%)
Luminanz: 0,065

Black Locust #646964

RGB: rgb(100, 105, 100)
HSL: hsl(120, 2%, 40%)
Luminanz: 0,137

Peachy Scene #D77355

RGB: rgb(215, 115, 85)
HSL: hsl(14, 62%, 59%)
Luminanz: 0,274

Blue Dart #508CD7

RGB: rgb(80, 140, 215)
HSL: hsl(213, 63%, 58%)
Luminanz: 0,254

Boring Green #64B964

RGB: rgb(100, 185, 100)
HSL: hsl(120, 38%, 56%)
Luminanz: 0,383

Le Bon Dijon #E6C86E

RGB: rgb(230, 200, 110)
HSL: hsl(45, 71%, 67%)
Luminanz: 0,593

Glacial Day #DCF5FF

RGB: rgb(220, 245, 255)
HSL: hsl(197, 100%, 93%)
Luminanz: 0,877

Kontrast & Barrierefreiheit

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

Aa #000000 auf #DCF5FF 18,55:1 AAA

Aa #000000 auf #E6C86E 12,85:1 AAA

Aa #000000 auf #64B964 8,67:1 AAA

Aa #55415F auf #DCF5FF 8,04:1 AAA

Aa #000000 auf #D77355 6,47:1 AA

Aa #000000 auf #508CD7 6,07:1 AA

Aa #55415F auf #E6C86E 5,57:1 AA

Aa #646964 auf #DCF5FF 4,95:1 AA

Aa #55415F auf #64B964 3,76:1 AA (großer Text)

Aa #000000 auf #646964 3,75:1 AA (großer Text)

Aa #646964 auf #E6C86E 3,43:1 AA (großer Text)

Aa #508CD7 auf #DCF5FF 3,05:1 AA (großer Text)

Aa #D77355 auf #DCF5FF 2,87:1 Nicht bestanden

Aa #55415F auf #D77355 2,81:1 Nicht bestanden

Aa #55415F auf #508CD7 2,63:1 Nicht bestanden

Aa #000000 auf #55415F 2,31:1 Nicht bestanden

Aa #646964 auf #64B964 2,31:1 Nicht bestanden

Aa #64B964 auf #DCF5FF 2,14:1 Nicht bestanden

Aa #508CD7 auf #E6C86E 2,12:1 Nicht bestanden

Aa #D77355 auf #E6C86E 1,99:1 Nicht bestanden

Aa #646964 auf #D77355 1,73:1 Nicht bestanden

Aa #55415F auf #646964 1,62:1 Nicht bestanden

Aa #646964 auf #508CD7 1,62:1 Nicht bestanden

Aa #64B964 auf #E6C86E 1,48:1 Nicht bestanden

Aa #E6C86E auf #DCF5FF 1,44:1 Nicht bestanden

Aa #508CD7 auf #64B964 1,43:1 Nicht bestanden

Aa #D77355 auf #64B964 1,34:1 Nicht bestanden

Aa #D77355 auf #508CD7 1,07:1 Nicht bestanden

DawnBringer's 8 Color