Oekaki.nl 8

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

Zurück zur Bibliothek

Oekaki.nl 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär

Likes 19

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #523451;
  --c-earthy-3: #B0765D;
  --c-earthy-4: #D3BCB0;
  --c-earthy-5: #F6EADE;
  --c-earthy-6: #8FB332;
  --c-earthy-7: #4D7D23;
  --c-earthy-8: #3C8EE7;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Soft Muslin (#F6EADE) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Auricula Purple, Tobey Rattan, Wafer, Soft Muslin, Avocado Toast, Master Chief und Oregon Blue 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 #000000 auf #F6EADE mit 17,74: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

Black #000000

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

Auricula Purple #523451

RGB: rgb(82, 52, 81)
HSL: hsl(302, 22%, 26%)
Luminanz: 0,048

Tobey Rattan #B0765D

RGB: rgb(176, 118, 93)
HSL: hsl(18, 34%, 53%)
Luminanz: 0,230

Wafer #D3BCB0

RGB: rgb(211, 188, 176)
HSL: hsl(21, 28%, 76%)
Luminanz: 0,530

Soft Muslin #F6EADE

RGB: rgb(246, 234, 222)
HSL: hsl(30, 57%, 92%)
Luminanz: 0,837

Avocado Toast #8FB332

RGB: rgb(143, 179, 50)
HSL: hsl(77, 56%, 45%)
Luminanz: 0,383

Master Chief #4D7D23

RGB: rgb(77, 125, 35)
HSL: hsl(92, 56%, 31%)
Luminanz: 0,164

Oregon Blue #3C8EE7

RGB: rgb(60, 142, 231)
HSL: hsl(211, 78%, 57%)
Luminanz: 0,261

Kontrast & Barrierefreiheit

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

Aa #000000 auf #F6EADE 17,74:1 AAA

Aa #000000 auf #D3BCB0 11,59:1 AAA

Aa #523451 auf #F6EADE 9,01:1 AAA

Aa #000000 auf #8FB332 8,66:1 AAA

Aa #000000 auf #3C8EE7 6,22:1 AA

Aa #523451 auf #D3BCB0 5,89:1 AA

Aa #000000 auf #B0765D 5,60:1 AA

Aa #523451 auf #8FB332 4,40:1 AA (großer Text)

Aa #000000 auf #4D7D23 4,27:1 AA (großer Text)

Aa #F6EADE auf #4D7D23 4,15:1 AA (großer Text)

Aa #B0765D auf #F6EADE 3,17:1 AA (großer Text)

Aa #523451 auf #3C8EE7 3,16:1 AA (großer Text)

Aa #F6EADE auf #3C8EE7 2,85:1 Nicht bestanden

Aa #523451 auf #B0765D 2,84:1 Nicht bestanden

Aa #D3BCB0 auf #4D7D23 2,71:1 Nicht bestanden

Aa #523451 auf #4D7D23 2,17:1 Nicht bestanden

Aa #B0765D auf #D3BCB0 2,07:1 Nicht bestanden

Aa #F6EADE auf #8FB332 2,05:1 Nicht bestanden

Aa #8FB332 auf #4D7D23 2,03:1 Nicht bestanden

Aa #000000 auf #523451 1,97:1 Nicht bestanden

Aa #D3BCB0 auf #3C8EE7 1,86:1 Nicht bestanden

Aa #B0765D auf #8FB332 1,55:1 Nicht bestanden

Aa #D3BCB0 auf #F6EADE 1,53:1 Nicht bestanden

Aa #4D7D23 auf #3C8EE7 1,45:1 Nicht bestanden

Aa #8FB332 auf #3C8EE7 1,39:1 Nicht bestanden

Aa #D3BCB0 auf #8FB332 1,34:1 Nicht bestanden

Aa #B0765D auf #4D7D23 1,31:1 Nicht bestanden

Aa #B0765D auf #3C8EE7 1,11:1 Nicht bestanden

Oekaki.nl 8

Oekaki.nl 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen