Shipibo

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

Zurück zur Bibliothek

Shipibo

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Komplementär colorful natural fun exciting

Likes 6

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #35B664;
  --c-earthy-2: #C63C48;
  --c-earthy-3: #F2C230;
  --c-earthy-4: #1F4838;
  --c-earthy-5: #1C5495;
  --c-earthy-6: #AA7D6C;
  --c-earthy-7: #DD7050;
  --c-earthy-8: #F7F7F5;
  --c-earthy-9: #2A2A28;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Lynx White (#F7F7F5) bis zum dunkelsten Ton Chromaphobic Black (#2A2A28). Sie vereint Cool Green, Calypso Berry, Saffron, Sherwood Green, Florentine Lapis, Cocoa Nutmeg, Dusty Orange, Lynx White und Chromaphobic Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F7F7F5 auf #2A2A28 mit 13,41: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

Cool Green #35B664

RGB: rgb(53, 182, 100)
HSL: hsl(142, 55%, 46%)
Luminanz: 0,351

Calypso Berry #C63C48

RGB: rgb(198, 60, 72)
HSL: hsl(355, 55%, 51%)
Luminanz: 0,157

Saffron #F2C230

RGB: rgb(242, 194, 48)
HSL: hsl(45, 88%, 57%)
Luminanz: 0,577

Sherwood Green #1F4838

RGB: rgb(31, 72, 56)
HSL: hsl(157, 40%, 20%)
Luminanz: 0,052

Florentine Lapis #1C5495

RGB: rgb(28, 84, 149)
HSL: hsl(212, 68%, 35%)
Luminanz: 0,088

Cocoa Nutmeg #AA7D6C

RGB: rgb(170, 125, 108)
HSL: hsl(16, 27%, 55%)
Luminanz: 0,243

Dusty Orange #DD7050

RGB: rgb(221, 112, 80)
HSL: hsl(14, 67%, 59%)
Luminanz: 0,275

Lynx White #F7F7F5

RGB: rgb(247, 247, 245)
HSL: hsl(60, 11%, 96%)
Luminanz: 0,929

Chromaphobic Black #2A2A28

RGB: rgb(42, 42, 40)
HSL: hsl(60, 2%, 16%)
Luminanz: 0,023

Kontrast & Barrierefreiheit

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

Aa #F7F7F5 auf #2A2A28 13,41:1 AAA

Aa #1F4838 auf #F7F7F5 9,59:1 AAA

Aa #F2C230 auf #2A2A28 8,58:1 AAA

Aa #1C5495 auf #F7F7F5 7,12:1 AAA

Aa #F2C230 auf #1F4838 6,14:1 AA

Aa #35B664 auf #2A2A28 5,50:1 AA

Aa #C63C48 auf #F7F7F5 4,73:1 AA

Aa #F2C230 auf #1C5495 4,56:1 AA

Aa #DD7050 auf #2A2A28 4,46:1 AA (großer Text)

Aa #AA7D6C auf #2A2A28 4,01:1 AA (großer Text)

Aa #35B664 auf #1F4838 3,93:1 AA (großer Text)

Aa #AA7D6C auf #F7F7F5 3,34:1 AA (großer Text)

Aa #1F4838 auf #DD7050 3,19:1 AA (großer Text)

Aa #C63C48 auf #F2C230 3,03:1 AA (großer Text)

Aa #DD7050 auf #F7F7F5 3,01:1 AA (großer Text)

Aa #35B664 auf #1C5495 2,92:1 Nicht bestanden

Aa #1F4838 auf #AA7D6C 2,87:1 Nicht bestanden

Aa #C63C48 auf #2A2A28 2,84:1 Nicht bestanden

Aa #35B664 auf #F7F7F5 2,44:1 Nicht bestanden

Aa #1C5495 auf #DD7050 2,37:1 Nicht bestanden

Aa #F2C230 auf #AA7D6C 2,14:1 Nicht bestanden

Aa #1C5495 auf #AA7D6C 2,13:1 Nicht bestanden

Aa #C63C48 auf #1F4838 2,03:1 Nicht bestanden

Aa #35B664 auf #C63C48 1,94:1 Nicht bestanden

Aa #F2C230 auf #DD7050 1,93:1 Nicht bestanden

Aa #1C5495 auf #2A2A28 1,88:1 Nicht bestanden

Aa #C63C48 auf #DD7050 1,57:1 Nicht bestanden

Aa #35B664 auf #F2C230 1,56:1 Nicht bestanden

Aa #F2C230 auf #F7F7F5 1,56:1 Nicht bestanden

Aa #C63C48 auf #1C5495 1,51:1 Nicht bestanden

Aa #C63C48 auf #AA7D6C 1,41:1 Nicht bestanden

Aa #1F4838 auf #2A2A28 1,40:1 Nicht bestanden

Aa #35B664 auf #AA7D6C 1,37:1 Nicht bestanden

Aa #1F4838 auf #1C5495 1,35:1 Nicht bestanden

Aa #35B664 auf #DD7050 1,23:1 Nicht bestanden

Aa #AA7D6C auf #DD7050 1,11:1 Nicht bestanden

Shipibo

Shipibo

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen