Retrocal 8

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

Zurück zur Bibliothek

Retrocal 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär polyphrog

Likes 486

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #6EB8A8;
  --c-earthy-2: #2A584F;
  --c-earthy-3: #74A33F;
  --c-earthy-4: #FCFFC0;
  --c-earthy-5: #C6505A;
  --c-earthy-6: #2F142F;
  --c-earthy-7: #774448;
  --c-earthy-8: #EE9C5D;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Sour Veil (#FCFFC0) bis zum dunkelsten Ton Cultist Robe (#2F142F). Sie vereint Glacial Green, Holly Leaf, Festival Green, Sour Veil, Super Hero, Cultist Robe, Musk Memory und Ridgeback in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FCFFC0 auf #2F142F mit 16,01: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

Glacial Green #6EB8A8

RGB: rgb(110, 184, 168)
HSL: hsl(167, 34%, 58%)
Luminanz: 0,404

Holly Leaf #2A584F

RGB: rgb(42, 88, 79)
HSL: hsl(168, 35%, 25%)
Luminanz: 0,080

Festival Green #74A33F

RGB: rgb(116, 163, 63)
HSL: hsl(88, 44%, 44%)
Luminanz: 0,303

Sour Veil #FCFFC0

RGB: rgb(252, 255, 192)
HSL: hsl(63, 100%, 88%)
Luminanz: 0,960

Super Hero #C6505A

RGB: rgb(198, 80, 90)
HSL: hsl(355, 51%, 55%)
Luminanz: 0,185

Cultist Robe #2F142F

RGB: rgb(47, 20, 47)
HSL: hsl(300, 40%, 13%)
Luminanz: 0,013

Musk Memory #774448

RGB: rgb(119, 68, 72)
HSL: hsl(355, 27%, 37%)
Luminanz: 0,085

Ridgeback #EE9C5D

RGB: rgb(238, 156, 93)
HSL: hsl(26, 81%, 65%)
Luminanz: 0,427

Kontrast & Barrierefreiheit

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

Aa #FCFFC0 auf #2F142F 16,01:1 AAA

Aa #2A584F auf #FCFFC0 7,75:1 AAA

Aa #2F142F auf #EE9C5D 7,57:1 AAA

Aa #FCFFC0 auf #774448 7,47:1 AAA

Aa #6EB8A8 auf #2F142F 7,20:1 AAA

Aa #74A33F auf #2F142F 5,59:1 AA

Aa #FCFFC0 auf #C6505A 4,30:1 AA (großer Text)

Aa #C6505A auf #2F142F 3,72:1 AA (großer Text)

Aa #2A584F auf #EE9C5D 3,66:1 AA (großer Text)

Aa #774448 auf #EE9C5D 3,53:1 AA (großer Text)

Aa #6EB8A8 auf #2A584F 3,48:1 AA (großer Text)

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

Aa #74A33F auf #FCFFC0 2,86:1 Nicht bestanden

Aa #2A584F auf #74A33F 2,71:1 Nicht bestanden

Aa #74A33F auf #774448 2,61:1 Nicht bestanden

Aa #6EB8A8 auf #FCFFC0 2,22:1 Nicht bestanden

Aa #2F142F auf #774448 2,14:1 Nicht bestanden

Aa #FCFFC0 auf #EE9C5D 2,12:1 Nicht bestanden

Aa #2A584F auf #2F142F 2,07:1 Nicht bestanden

Aa #C6505A auf #EE9C5D 2,03:1 Nicht bestanden

Aa #6EB8A8 auf #C6505A 1,93:1 Nicht bestanden

Aa #2A584F auf #C6505A 1,80:1 Nicht bestanden

Aa #C6505A auf #774448 1,74:1 Nicht bestanden

Aa #74A33F auf #C6505A 1,50:1 Nicht bestanden

Aa #74A33F auf #EE9C5D 1,35:1 Nicht bestanden

Aa #6EB8A8 auf #74A33F 1,29:1 Nicht bestanden

Aa #6EB8A8 auf #EE9C5D 1,05:1 Nicht bestanden

Aa #2A584F auf #774448 1,04:1 Nicht bestanden

Retrocal 8

Retrocal 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen