Pico 4

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

Zurück zur Bibliothek

Pico 4

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär polyphrog pico8

Likes 84

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #180C21;
  --c-earthy-2: #859999;
  --c-earthy-3: #3A4A54;
  --c-earthy-4: #49AB3F;
  --c-earthy-5: #FFF4B0;
  --c-earthy-6: #CE6B40;
  --c-earthy-7: #6F324E;
  --c-earthy-8: #E75E5E;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Paper Tiger (#FFF4B0) bis zum dunkelsten Ton Shot in the Dark (#180C21). Sie vereint Shot in the Dark, Standish Blue, New Navy Blue, Mid Green, Paper Tiger, Fresh Acorn, Burlat Red und Reductant 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 #180C21 auf #FFF4B0 mit 16,9: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

Shot in the Dark #180C21

RGB: rgb(24, 12, 33)
HSL: hsl(274, 47%, 9%)
Luminanz: 0,006

Standish Blue #859999

RGB: rgb(133, 153, 153)
HSL: hsl(180, 9%, 56%)
Luminanz: 0,301

New Navy Blue #3A4A54

RGB: rgb(58, 74, 84)
HSL: hsl(203, 18%, 28%)
Luminanz: 0,064

Mid Green #49AB3F

RGB: rgb(73, 171, 63)
HSL: hsl(114, 46%, 46%)
Luminanz: 0,309

Paper Tiger #FFF4B0

RGB: rgb(255, 244, 176)
HSL: hsl(52, 100%, 85%)
Luminanz: 0,891

Fresh Acorn #CE6B40

RGB: rgb(206, 107, 64)
HSL: hsl(18, 59%, 53%)
Luminanz: 0,240

Burlat Red #6F324E

RGB: rgb(111, 50, 78)
HSL: hsl(332, 38%, 32%)
Luminanz: 0,062

Reductant #E75E5E

RGB: rgb(231, 94, 94)
HSL: hsl(0, 74%, 64%)
Luminanz: 0,258

Kontrast & Barrierefreiheit

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

Aa #180C21 auf #FFF4B0 16,90:1 AAA

Aa #FFF4B0 auf #6F324E 8,39:1 AAA

Aa #3A4A54 auf #FFF4B0 8,23:1 AAA

Aa #180C21 auf #49AB3F 6,45:1 AA

Aa #180C21 auf #859999 6,30:1 AA

Aa #180C21 auf #E75E5E 5,53:1 AA

Aa #180C21 auf #CE6B40 5,21:1 AA

Aa #FFF4B0 auf #CE6B40 3,24:1 AA (großer Text)

Aa #49AB3F auf #6F324E 3,20:1 AA (großer Text)

Aa #3A4A54 auf #49AB3F 3,14:1 AA (großer Text)

Aa #859999 auf #6F324E 3,13:1 AA (großer Text)

Aa #859999 auf #3A4A54 3,07:1 AA (großer Text)

Aa #FFF4B0 auf #E75E5E 3,05:1 AA (großer Text)

Aa #6F324E auf #E75E5E 2,75:1 Nicht bestanden

Aa #3A4A54 auf #E75E5E 2,69:1 Nicht bestanden

Aa #859999 auf #FFF4B0 2,68:1 Nicht bestanden

Aa #49AB3F auf #FFF4B0 2,62:1 Nicht bestanden

Aa #CE6B40 auf #6F324E 2,59:1 Nicht bestanden

Aa #3A4A54 auf #CE6B40 2,54:1 Nicht bestanden

Aa #180C21 auf #3A4A54 2,05:1 Nicht bestanden

Aa #180C21 auf #6F324E 2,01:1 Nicht bestanden

Aa #49AB3F auf #CE6B40 1,24:1 Nicht bestanden

Aa #859999 auf #CE6B40 1,21:1 Nicht bestanden

Aa #49AB3F auf #E75E5E 1,17:1 Nicht bestanden

Aa #859999 auf #E75E5E 1,14:1 Nicht bestanden

Aa #CE6B40 auf #E75E5E 1,06:1 Nicht bestanden

Aa #859999 auf #49AB3F 1,02:1 Nicht bestanden

Aa #3A4A54 auf #6F324E 1,02:1 Nicht bestanden

Pico 4

Pico 4

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen