LUFTRAUSERS7

Palette mit 7 Farben · Warm · Hell · Harmonie: Analog

Zurück zur Bibliothek

LUFTRAUSERS7

Palette mit 7 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Analog

Bearbeiten

Erdig 7 Farben Warm Hell Analog videogame arcade

Likes 27

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #61001D;
  --c-earthy-2: #8D494D;
  --c-earthy-3: #B9937C;
  --c-earthy-4: #DEC796;
  --c-earthy-5: #E5DDAC;
  --c-earthy-6: #EFE9CD;
  --c-earthy-7: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Merguez (#61001D). Sie vereint Merguez, Rhubarb Smoothie, Cool Clay, Pale Moss, Virgin Olive Oil, Natural Whisper und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #61001D auf #FFFFFF mit 13,76: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

Merguez #61001D

RGB: rgb(97, 0, 29)
HSL: hsl(342, 100%, 19%)
Luminanz: 0,026

Rhubarb Smoothie #8D494D

RGB: rgb(141, 73, 77)
HSL: hsl(356, 32%, 42%)
Luminanz: 0,110

Cool Clay #B9937C

RGB: rgb(185, 147, 124)
HSL: hsl(23, 30%, 61%)
Luminanz: 0,326

Pale Moss #DEC796

RGB: rgb(222, 199, 150)
HSL: hsl(41, 52%, 73%)
Luminanz: 0,586

Virgin Olive Oil #E5DDAC

RGB: rgb(229, 221, 172)
HSL: hsl(52, 52%, 79%)
Luminanz: 0,714

Natural Whisper #EFE9CD

RGB: rgb(239, 233, 205)
HSL: hsl(49, 52%, 87%)
Luminanz: 0,810

White #FFFFFF

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

Kontrast & Barrierefreiheit

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

Aa #61001D auf #FFFFFF 13,76:1 AAA

Aa #61001D auf #EFE9CD 11,28:1 AAA

Aa #61001D auf #E5DDAC 10,01:1 AAA

Aa #61001D auf #DEC796 8,33:1 AAA

Aa #8D494D auf #FFFFFF 6,58:1 AA

Aa #8D494D auf #EFE9CD 5,39:1 AA

Aa #61001D auf #B9937C 4,93:1 AA

Aa #8D494D auf #E5DDAC 4,78:1 AA

Aa #8D494D auf #DEC796 3,98:1 AA (großer Text)

Aa #B9937C auf #FFFFFF 2,79:1 Nicht bestanden

Aa #8D494D auf #B9937C 2,36:1 Nicht bestanden

Aa #B9937C auf #EFE9CD 2,29:1 Nicht bestanden

Aa #61001D auf #8D494D 2,09:1 Nicht bestanden

Aa #B9937C auf #E5DDAC 2,03:1 Nicht bestanden

Aa #B9937C auf #DEC796 1,69:1 Nicht bestanden

Aa #DEC796 auf #FFFFFF 1,65:1 Nicht bestanden

Aa #E5DDAC auf #FFFFFF 1,38:1 Nicht bestanden

Aa #DEC796 auf #EFE9CD 1,35:1 Nicht bestanden

Aa #EFE9CD auf #FFFFFF 1,22:1 Nicht bestanden

Aa #DEC796 auf #E5DDAC 1,20:1 Nicht bestanden

Aa #E5DDAC auf #EFE9CD 1,13:1 Nicht bestanden

LUFTRAUSERS7

LUFTRAUSERS7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen