Tarot7

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Tarot7

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Erdig 7 Farben Warm Gemischt Analog cards tarot arcana

Likes 228

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #292829;
  --c-earthy-2: #A65A66;
  --c-earthy-3: #748530;
  --c-earthy-4: #677B80;
  --c-earthy-5: #C4A44D;
  --c-earthy-6: #BDB099;
  --c-earthy-7: #D6C0AE;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Elusive Dawn (#D6C0AE) bis zum dunkelsten Ton Chromaphobic Black (#292829). Sie vereint Chromaphobic Black, Delicate Prunus, Pesto di Rucola, Labradorite, Creed, British Khaki und Elusive Dawn in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #292829 auf #D6C0AE mit 8,4: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

Chromaphobic Black #292829

RGB: rgb(41, 40, 41)
HSL: hsl(300, 1%, 16%)
Luminanz: 0,022

Delicate Prunus #A65A66

RGB: rgb(166, 90, 102)
HSL: hsl(351, 30%, 50%)
Luminanz: 0,164

Pesto di Rucola #748530

RGB: rgb(116, 133, 48)
HSL: hsl(72, 47%, 35%)
Luminanz: 0,207

Labradorite #677B80

RGB: rgb(103, 123, 128)
HSL: hsl(192, 11%, 45%)
Luminanz: 0,186

Creed #C4A44D

RGB: rgb(196, 164, 77)
HSL: hsl(44, 50%, 54%)
Luminanz: 0,388

British Khaki #BDB099

RGB: rgb(189, 176, 153)
HSL: hsl(38, 21%, 67%)
Luminanz: 0,442

Elusive Dawn #D6C0AE

RGB: rgb(214, 192, 174)
HSL: hsl(27, 33%, 76%)
Luminanz: 0,551

Kontrast & Barrierefreiheit

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

Aa #292829 auf #D6C0AE 8,40:1 AAA

Aa #292829 auf #BDB099 6,88:1 AA

Aa #292829 auf #C4A44D 6,13:1 AA

Aa #292829 auf #748530 3,60:1 AA (großer Text)

Aa #292829 auf #677B80 3,30:1 AA (großer Text)

Aa #292829 auf #A65A66 2,99:1 Nicht bestanden

Aa #A65A66 auf #D6C0AE 2,81:1 Nicht bestanden

Aa #677B80 auf #D6C0AE 2,54:1 Nicht bestanden

Aa #748530 auf #D6C0AE 2,34:1 Nicht bestanden

Aa #A65A66 auf #BDB099 2,30:1 Nicht bestanden

Aa #677B80 auf #BDB099 2,08:1 Nicht bestanden

Aa #A65A66 auf #C4A44D 2,05:1 Nicht bestanden

Aa #748530 auf #BDB099 1,91:1 Nicht bestanden

Aa #677B80 auf #C4A44D 1,86:1 Nicht bestanden

Aa #748530 auf #C4A44D 1,71:1 Nicht bestanden

Aa #C4A44D auf #D6C0AE 1,37:1 Nicht bestanden

Aa #BDB099 auf #D6C0AE 1,22:1 Nicht bestanden

Aa #A65A66 auf #748530 1,20:1 Nicht bestanden

Aa #C4A44D auf #BDB099 1,12:1 Nicht bestanden

Aa #A65A66 auf #677B80 1,10:1 Nicht bestanden

Aa #748530 auf #677B80 1,09:1 Nicht bestanden

Tarot7

Tarot7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen