AKA

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

Zurück zur Bibliothek

AKA

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Analog

Likes 40

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #AD3330;
  --c-earthy-3: #CB4A34;
  --c-earthy-4: #D77D57;
  --c-earthy-5: #EAC99D;
  --c-earthy-6: #FAF3E4;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Palatial White (#FAF3E4) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Raging Raisin, Fox, Deep Coral, Golden Talisman und Palatial White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FAF3E4 mit 19,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

Black #000000

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

Raging Raisin #AD3330

RGB: rgb(173, 51, 48)
HSL: hsl(1, 57%, 43%)
Luminanz: 0,115

Fox #CB4A34

RGB: rgb(203, 74, 52)
HSL: hsl(9, 59%, 50%)
Luminanz: 0,178

Deep Coral #D77D57

RGB: rgb(215, 125, 87)
HSL: hsl(18, 62%, 59%)
Luminanz: 0,298

Golden Talisman #EAC99D

RGB: rgb(234, 201, 157)
HSL: hsl(34, 65%, 77%)
Luminanz: 0,617

Palatial White #FAF3E4

RGB: rgb(250, 243, 228)
HSL: hsl(41, 69%, 94%)
Luminanz: 0,900

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FAF3E4 19,01:1 AAA

Aa #000000 auf #EAC99D 13,34:1 AAA

Aa #000000 auf #D77D57 6,96:1 AA

Aa #AD3330 auf #FAF3E4 5,77:1 AA

Aa #000000 auf #CB4A34 4,57:1 AA

Aa #CB4A34 auf #FAF3E4 4,16:1 AA (großer Text)

Aa #AD3330 auf #EAC99D 4,05:1 AA (großer Text)

Aa #000000 auf #AD3330 3,29:1 AA (großer Text)

Aa #CB4A34 auf #EAC99D 2,92:1 Nicht bestanden

Aa #D77D57 auf #FAF3E4 2,73:1 Nicht bestanden

Aa #AD3330 auf #D77D57 2,11:1 Nicht bestanden

Aa #D77D57 auf #EAC99D 1,92:1 Nicht bestanden

Aa #CB4A34 auf #D77D57 1,52:1 Nicht bestanden

Aa #EAC99D auf #FAF3E4 1,42:1 Nicht bestanden

Aa #AD3330 auf #CB4A34 1,39:1 Nicht bestanden

AKA

AKA

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen