Stranger 6

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

Zurück zur Bibliothek

Stranger 6

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Komplementär isasstudio

Likes 25

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #F9CDE9;
  --c-earthy-3: #948BBC;
  --c-earthy-4: #963819;
  --c-earthy-5: #551723;
  --c-earthy-6: #071A11;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Pinch of Pepper (#071A11). Sie vereint White, Classic Rose, Magic Carpet, Spill the Beans, Spinel Red und Pinch of Pepper in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #071A11 mit 18,03: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

White #FFFFFF

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

Classic Rose #F9CDE9

RGB: rgb(249, 205, 233)
HSL: hsl(322, 79%, 89%)
Luminanz: 0,697

Magic Carpet #948BBC

RGB: rgb(148, 139, 188)
HSL: hsl(251, 27%, 64%)
Luminanz: 0,284

Spill the Beans #963819

RGB: rgb(150, 56, 25)
HSL: hsl(15, 71%, 34%)
Luminanz: 0,094

Spinel Red #551723

RGB: rgb(85, 23, 35)
HSL: hsl(348, 57%, 21%)
Luminanz: 0,027

Pinch of Pepper #071A11

RGB: rgb(7, 26, 17)
HSL: hsl(152, 58%, 6%)
Luminanz: 0,008

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #071A11 18,03:1 AAA

Aa #FFFFFF auf #551723 13,70:1 AAA

Aa #F9CDE9 auf #071A11 12,82:1 AAA

Aa #F9CDE9 auf #551723 9,74:1 AAA

Aa #FFFFFF auf #963819 7,30:1 AAA

Aa #948BBC auf #071A11 5,73:1 AA

Aa #F9CDE9 auf #963819 5,19:1 AA

Aa #948BBC auf #551723 4,36:1 AA (großer Text)

Aa #FFFFFF auf #948BBC 3,14:1 AA (großer Text)

Aa #963819 auf #071A11 2,47:1 Nicht bestanden

Aa #948BBC auf #963819 2,32:1 Nicht bestanden

Aa #F9CDE9 auf #948BBC 2,24:1 Nicht bestanden

Aa #963819 auf #551723 1,88:1 Nicht bestanden

Aa #FFFFFF auf #F9CDE9 1,41:1 Nicht bestanden

Aa #551723 auf #071A11 1,32:1 Nicht bestanden

Stranger 6

Stranger 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen