Fairy Tales

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

Zurück zur Bibliothek

Fairy Tales

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär artist weeklychallenge

Likes 12

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #0E30A6;
  --c-earthy-2: #D20000;
  --c-earthy-3: #4DD928;
  --c-earthy-4: #FFE600;
  --c-earthy-5: #4B3159;
  --c-earthy-6: #83606F;
  --c-earthy-7: #708F4D;
  --c-earthy-8: #ADB870;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Demonic Yellow (#FFE600) bis zum dunkelsten Ton Blackberry Cordial (#4B3159). Sie vereint Egyptian Blue, Red Epiphyllum, Download Progress, Demonic Yellow, Blackberry Cordial, Majestic Plum, Forest Bound und Lime Rickey in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFE600 auf #4B3159 mit 8,8: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

Egyptian Blue #0E30A6

RGB: rgb(14, 48, 166)
HSL: hsl(227, 84%, 35%)
Luminanz: 0,050

Red Epiphyllum #D20000

RGB: rgb(210, 0, 0)
HSL: hsl(0, 100%, 41%)
Luminanz: 0,137

Download Progress #4DD928

RGB: rgb(77, 217, 40)
HSL: hsl(107, 70%, 50%)
Luminanz: 0,514

Demonic Yellow #FFE600

RGB: rgb(255, 230, 0)
HSL: hsl(54, 100%, 50%)
Luminanz: 0,779

Blackberry Cordial #4B3159

RGB: rgb(75, 49, 89)
HSL: hsl(279, 29%, 27%)
Luminanz: 0,044

Majestic Plum #83606F

RGB: rgb(131, 96, 111)
HSL: hsl(334, 15%, 45%)
Luminanz: 0,143

Forest Bound #708F4D

RGB: rgb(112, 143, 77)
HSL: hsl(88, 30%, 43%)
Luminanz: 0,236

Lime Rickey #ADB870

RGB: rgb(173, 184, 112)
HSL: hsl(69, 34%, 58%)
Luminanz: 0,443

Kontrast & Barrierefreiheit

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

Aa #FFE600 auf #4B3159 8,80:1 AAA

Aa #0E30A6 auf #FFE600 8,32:1 AAA

Aa #4DD928 auf #4B3159 5,99:1 AA

Aa #0E30A6 auf #4DD928 5,66:1 AA

Aa #4B3159 auf #ADB870 5,24:1 AA

Aa #0E30A6 auf #ADB870 4,95:1 AA

Aa #D20000 auf #FFE600 4,43:1 AA (großer Text)

Aa #FFE600 auf #83606F 4,28:1 AA (großer Text)

Aa #4B3159 auf #708F4D 3,04:1 AA (großer Text)

Aa #D20000 auf #4DD928 3,01:1 AA (großer Text)

Aa #4DD928 auf #83606F 2,91:1 Nicht bestanden

Aa #FFE600 auf #708F4D 2,89:1 Nicht bestanden

Aa #0E30A6 auf #708F4D 2,87:1 Nicht bestanden

Aa #D20000 auf #ADB870 2,64:1 Nicht bestanden

Aa #83606F auf #ADB870 2,55:1 Nicht bestanden

Aa #4B3159 auf #83606F 2,05:1 Nicht bestanden

Aa #D20000 auf #4B3159 1,99:1 Nicht bestanden

Aa #4DD928 auf #708F4D 1,97:1 Nicht bestanden

Aa #0E30A6 auf #83606F 1,94:1 Nicht bestanden

Aa #0E30A6 auf #D20000 1,88:1 Nicht bestanden

Aa #708F4D auf #ADB870 1,72:1 Nicht bestanden

Aa #FFE600 auf #ADB870 1,68:1 Nicht bestanden

Aa #D20000 auf #708F4D 1,53:1 Nicht bestanden

Aa #83606F auf #708F4D 1,48:1 Nicht bestanden

Aa #4DD928 auf #FFE600 1,47:1 Nicht bestanden

Aa #4DD928 auf #ADB870 1,14:1 Nicht bestanden

Aa #0E30A6 auf #4B3159 1,06:1 Nicht bestanden

Aa #D20000 auf #83606F 1,03:1 Nicht bestanden

Fairy Tales

Fairy Tales

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen