Startseite Farbpaletten Bootleg By Pixelshift

Bootleg By Pixelshift

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

Zurück zur Bibliothek

Bootleg By Pixelshift

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär gameboy bootleg pixelshift

Likes 12

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #89AABB;
  --c-earthy-2: #9EB481;
  --c-earthy-3: #4A714A;
  --c-earthy-4: #4A2D2C;
  --c-earthy-5: #F7C6B5;
  --c-earthy-6: #DE7B52;
  --c-earthy-7: #9C3900;
  --c-earthy-8: #4A3100;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Apricot Obsession (#F7C6B5) bis zum dunkelsten Ton Barako Brew (#4A2D2C). Sie vereint Coventry Blue, Mesclun Green, Spring Juniper, Barako Brew, Apricot Obsession, Deep Coral, Muddy und Kyoto House 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 #4A2D2C auf #F7C6B5 mit 8,04: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

Coventry Blue #89AABB

RGB: rgb(137, 170, 187)
HSL: hsl(200, 27%, 64%)
Luminanz: 0,377

Mesclun Green #9EB481

RGB: rgb(158, 180, 129)
HSL: hsl(86, 25%, 61%)
Luminanz: 0,415

Spring Juniper #4A714A

RGB: rgb(74, 113, 74)
HSL: hsl(120, 21%, 37%)
Luminanz: 0,138

Barako Brew #4A2D2C

RGB: rgb(74, 45, 44)
HSL: hsl(2, 25%, 23%)
Luminanz: 0,035

Apricot Obsession #F7C6B5

RGB: rgb(247, 198, 181)
HSL: hsl(15, 80%, 84%)
Luminanz: 0,635

Deep Coral #DE7B52

RGB: rgb(222, 123, 82)
HSL: hsl(18, 68%, 60%)
Luminanz: 0,303

Muddy #9C3900

RGB: rgb(156, 57, 0)
HSL: hsl(22, 100%, 31%)
Luminanz: 0,100

Kyoto House #4A3100

RGB: rgb(74, 49, 0)
HSL: hsl(40, 100%, 15%)
Luminanz: 0,037

Kontrast & Barrierefreiheit

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

Aa #4A2D2C auf #F7C6B5 8,04:1 AAA

Aa #F7C6B5 auf #4A3100 7,92:1 AAA

Aa #9EB481 auf #4A2D2C 5,46:1 AA

Aa #9EB481 auf #4A3100 5,37:1 AA

Aa #89AABB auf #4A2D2C 5,01:1 AA

Aa #89AABB auf #4A3100 4,93:1 AA

Aa #F7C6B5 auf #9C3900 4,57:1 AA

Aa #4A2D2C auf #DE7B52 4,15:1 AA (großer Text)

Aa #DE7B52 auf #4A3100 4,08:1 AA (großer Text)

Aa #4A714A auf #F7C6B5 3,65:1 AA (großer Text)

Aa #9EB481 auf #9C3900 3,10:1 AA (großer Text)

Aa #89AABB auf #9C3900 2,84:1 Nicht bestanden

Aa #9EB481 auf #4A714A 2,48:1 Nicht bestanden

Aa #DE7B52 auf #9C3900 2,35:1 Nicht bestanden

Aa #89AABB auf #4A714A 2,27:1 Nicht bestanden

Aa #4A714A auf #4A2D2C 2,20:1 Nicht bestanden

Aa #4A714A auf #4A3100 2,17:1 Nicht bestanden

Aa #F7C6B5 auf #DE7B52 1,94:1 Nicht bestanden

Aa #4A714A auf #DE7B52 1,88:1 Nicht bestanden

Aa #4A2D2C auf #9C3900 1,76:1 Nicht bestanden

Aa #9C3900 auf #4A3100 1,73:1 Nicht bestanden

Aa #89AABB auf #F7C6B5 1,61:1 Nicht bestanden

Aa #9EB481 auf #F7C6B5 1,47:1 Nicht bestanden

Aa #9EB481 auf #DE7B52 1,32:1 Nicht bestanden

Aa #4A714A auf #9C3900 1,25:1 Nicht bestanden

Aa #89AABB auf #DE7B52 1,21:1 Nicht bestanden

Aa #89AABB auf #9EB481 1,09:1 Nicht bestanden

Aa #4A2D2C auf #4A3100 1,02:1 Nicht bestanden

Bootleg By Pixelshift