Startseite Farbpaletten 6 Bit / 12 Colour Challenge

6 Bit / 12 Colour Challenge

Palette mit 12 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

6 Bit / 12 Colour Challenge

Palette mit 12 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 12 Farben Neutral Gemischt Komplementär casual

Likes 16

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #FFEEB9;
  --c-earthy-2: #BD4B4B;
  --c-earthy-3: #442242;
  --c-earthy-4: #1AB11D;
  --c-earthy-5: #286440;
  --c-earthy-6: #133542;
  --c-earthy-7: #675C85;
  --c-earthy-8: #251E3C;
  --c-earthy-9: #1E132C;
  --c-earthy-10: #B5B4D3;
  --c-earthy-11: #6B6A7C;
  --c-earthy-12: #232328;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Gnocchi Beige (#FFEEB9) bis zum dunkelsten Ton Blacklist (#1E132C). Sie vereint Gnocchi Beige, Ladybug, Purple Void, Pikkoro Green, Fairway Green, Firmament Blue, Kimberly, Throat, Blacklist, Hundred Waters, Wind Cave und Dark Gunmetal in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 18 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFEEB9 auf #1E132C mit 15,35: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

Gnocchi Beige #FFEEB9

RGB: rgb(255, 238, 185)
HSL: hsl(45, 100%, 86%)
Luminanz: 0,859

Ladybug #BD4B4B

RGB: rgb(189, 75, 75)
HSL: hsl(0, 46%, 52%)
Luminanz: 0,164

Purple Void #442242

RGB: rgb(68, 34, 66)
HSL: hsl(304, 33%, 20%)
Luminanz: 0,028

Pikkoro Green #1AB11D

RGB: rgb(26, 177, 29)
HSL: hsl(121, 74%, 40%)
Luminanz: 0,318

Fairway Green #286440

RGB: rgb(40, 100, 64)
HSL: hsl(144, 43%, 27%)
Luminanz: 0,099

Firmament Blue #133542

RGB: rgb(19, 53, 66)
HSL: hsl(197, 55%, 17%)
Luminanz: 0,031

Kimberly #675C85

RGB: rgb(103, 92, 133)
HSL: hsl(256, 18%, 44%)
Luminanz: 0,122

Throat #251E3C

RGB: rgb(37, 30, 60)
HSL: hsl(254, 33%, 18%)
Luminanz: 0,017

Blacklist #1E132C

RGB: rgb(30, 19, 44)
HSL: hsl(266, 40%, 12%)
Luminanz: 0,009

Hundred Waters #B5B4D3

RGB: rgb(181, 180, 211)
HSL: hsl(242, 26%, 77%)
Luminanz: 0,472

Wind Cave #6B6A7C

RGB: rgb(107, 106, 124)
HSL: hsl(243, 8%, 45%)
Luminanz: 0,149

Dark Gunmetal #232328

RGB: rgb(35, 35, 40)
HSL: hsl(240, 7%, 15%)
Luminanz: 0,017

Kontrast & Barrierefreiheit

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

Aa #FFEEB9 auf #1E132C 15,35:1 AAA

Aa #FFEEB9 auf #251E3C 13,67:1 AAA

Aa #FFEEB9 auf #232328 13,54:1 AAA

Aa #FFEEB9 auf #442242 11,71:1 AAA

Aa #FFEEB9 auf #133542 11,25:1 AAA

Aa #1E132C auf #B5B4D3 8,81:1 AAA

Aa #251E3C auf #B5B4D3 7,85:1 AAA

Aa #B5B4D3 auf #232328 7,77:1 AAA

Aa #442242 auf #B5B4D3 6,72:1 AA

Aa #133542 auf #B5B4D3 6,46:1 AA

Aa #1AB11D auf #1E132C 6,20:1 AA

Aa #FFEEB9 auf #286440 6,09:1 AA

Aa #1AB11D auf #251E3C 5,53:1 AA

Aa #1AB11D auf #232328 5,48:1 AA

Aa #FFEEB9 auf #675C85 5,28:1 AA

Aa #442242 auf #1AB11D 4,73:1 AA

Aa #FFEEB9 auf #6B6A7C 4,57:1 AA

Aa #1AB11D auf #133542 4,55:1 AA

Aa #FFEEB9 auf #BD4B4B 4,26:1 AA (großer Text)

Aa #BD4B4B auf #1E132C 3,61:1 AA (großer Text)

Aa #286440 auf #B5B4D3 3,49:1 AA (großer Text)

Aa #1E132C auf #6B6A7C 3,36:1 AA (großer Text)

Aa #BD4B4B auf #251E3C 3,21:1 AA (großer Text)

Aa #BD4B4B auf #232328 3,18:1 AA (großer Text)

Aa #675C85 auf #B5B4D3 3,03:1 AA (großer Text)

Aa #251E3C auf #6B6A7C 2,99:1 Nicht bestanden

Aa #6B6A7C auf #232328 2,96:1 Nicht bestanden

Aa #675C85 auf #1E132C 2,91:1 Nicht bestanden

Aa #BD4B4B auf #442242 2,75:1 Nicht bestanden

Aa #BD4B4B auf #133542 2,64:1 Nicht bestanden

Aa #B5B4D3 auf #6B6A7C 2,62:1 Nicht bestanden

Aa #675C85 auf #251E3C 2,59:1 Nicht bestanden

Aa #675C85 auf #232328 2,57:1 Nicht bestanden

Aa #442242 auf #6B6A7C 2,56:1 Nicht bestanden

Aa #286440 auf #1E132C 2,52:1 Nicht bestanden

Aa #FFEEB9 auf #1AB11D 2,47:1 Nicht bestanden

Aa #1AB11D auf #286440 2,46:1 Nicht bestanden

Aa #133542 auf #6B6A7C 2,46:1 Nicht bestanden

Aa #BD4B4B auf #B5B4D3 2,44:1 Nicht bestanden

Aa #286440 auf #251E3C 2,25:1 Nicht bestanden

Aa #286440 auf #232328 2,23:1 Nicht bestanden

Aa #442242 auf #675C85 2,22:1 Nicht bestanden

Aa #1AB11D auf #675C85 2,13:1 Nicht bestanden

Aa #133542 auf #675C85 2,13:1 Nicht bestanden

Aa #442242 auf #286440 1,92:1 Nicht bestanden

Aa #1AB11D auf #6B6A7C 1,85:1 Nicht bestanden

Aa #286440 auf #133542 1,85:1 Nicht bestanden

Aa #FFEEB9 auf #B5B4D3 1,74:1 Nicht bestanden

Aa #BD4B4B auf #1AB11D 1,72:1 Nicht bestanden

Aa #BD4B4B auf #286440 1,43:1 Nicht bestanden

Aa #1AB11D auf #B5B4D3 1,42:1 Nicht bestanden

Aa #133542 auf #1E132C 1,36:1 Nicht bestanden

Aa #286440 auf #6B6A7C 1,33:1 Nicht bestanden

Aa #442242 auf #1E132C 1,31:1 Nicht bestanden

Aa #BD4B4B auf #675C85 1,24:1 Nicht bestanden

Aa #133542 auf #251E3C 1,22:1 Nicht bestanden

Aa #133542 auf #232328 1,20:1 Nicht bestanden

Aa #442242 auf #251E3C 1,17:1 Nicht bestanden

Aa #442242 auf #232328 1,16:1 Nicht bestanden

Aa #286440 auf #675C85 1,15:1 Nicht bestanden

Aa #675C85 auf #6B6A7C 1,15:1 Nicht bestanden

Aa #1E132C auf #232328 1,13:1 Nicht bestanden

Aa #251E3C auf #1E132C 1,12:1 Nicht bestanden

Aa #BD4B4B auf #6B6A7C 1,07:1 Nicht bestanden

Aa #442242 auf #133542 1,04:1 Nicht bestanden

Aa #251E3C auf #232328 1,01:1 Nicht bestanden

6 Bit / 12 Colour Challenge