ATB LAVA

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

Zurück zur Bibliothek

ATB LAVA

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Analog

Likes 9

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #BB3E50;
  --c-earthy-2: #FF6400;
  --c-earthy-3: #F5AC34;
  --c-earthy-4: #FFCD90;
  --c-earthy-5: #FFFF99;
  --c-earthy-6: #090909;
  --c-earthy-7: #101010;
  --c-earthy-8: #202020;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Sunburst Yellow (#FFFF99) bis zum dunkelsten Ton Badab Black Wash (#090909). Sie vereint Merlot Magic, Chos Garden Marigold, Late Afternoon, Goldenrod Yellow, Sunburst Yellow, Badab Black Wash, Chaos Black und Lead in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFF99 auf #090909 mit 18,98: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

Merlot Magic #BB3E50

RGB: rgb(187, 62, 80)
HSL: hsl(351, 50%, 49%)
Luminanz: 0,146

Chos Garden Marigold #FF6400

RGB: rgb(255, 100, 0)
HSL: hsl(24, 100%, 50%)
Luminanz: 0,304

Late Afternoon #F5AC34

RGB: rgb(245, 172, 52)
HSL: hsl(37, 91%, 58%)
Luminanz: 0,492

Goldenrod Yellow #FFCD90

RGB: rgb(255, 205, 144)
HSL: hsl(33, 100%, 78%)
Luminanz: 0,669

Sunburst Yellow #FFFF99

RGB: rgb(255, 255, 153)
HSL: hsl(60, 100%, 80%)
Luminanz: 0,951

Badab Black Wash #090909

RGB: rgb(9, 9, 9)
HSL: hsl(0, 0%, 4%)
Luminanz: 0,003

Chaos Black #101010

RGB: rgb(16, 16, 16)
HSL: hsl(0, 0%, 6%)
Luminanz: 0,005

Lead #202020

RGB: rgb(32, 32, 32)
HSL: hsl(0, 0%, 13%)
Luminanz: 0,014

Kontrast & Barrierefreiheit

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

Aa #FFFF99 auf #090909 18,98:1 AAA

Aa #FFFF99 auf #101010 18,14:1 AAA

Aa #FFFF99 auf #202020 15,53:1 AAA

Aa #FFCD90 auf #090909 13,64:1 AAA

Aa #FFCD90 auf #101010 13,04:1 AAA

Aa #FFCD90 auf #202020 11,16:1 AAA

Aa #F5AC34 auf #090909 10,27:1 AAA

Aa #F5AC34 auf #101010 9,82:1 AAA

Aa #F5AC34 auf #202020 8,41:1 AAA

Aa #FF6400 auf #090909 6,71:1 AA

Aa #FF6400 auf #101010 6,41:1 AA

Aa #FF6400 auf #202020 5,49:1 AA

Aa #BB3E50 auf #FFFF99 5,11:1 AA

Aa #BB3E50 auf #090909 3,71:1 AA (großer Text)

Aa #BB3E50 auf #FFCD90 3,67:1 AA (großer Text)

Aa #BB3E50 auf #101010 3,55:1 AA (großer Text)

Aa #BB3E50 auf #202020 3,04:1 AA (großer Text)

Aa #FF6400 auf #FFFF99 2,83:1 Nicht bestanden

Aa #BB3E50 auf #F5AC34 2,77:1 Nicht bestanden

Aa #FF6400 auf #FFCD90 2,03:1 Nicht bestanden

Aa #F5AC34 auf #FFFF99 1,85:1 Nicht bestanden

Aa #BB3E50 auf #FF6400 1,81:1 Nicht bestanden

Aa #FF6400 auf #F5AC34 1,53:1 Nicht bestanden

Aa #FFCD90 auf #FFFF99 1,39:1 Nicht bestanden

Aa #F5AC34 auf #FFCD90 1,33:1 Nicht bestanden

Aa #090909 auf #202020 1,22:1 Nicht bestanden

Aa #101010 auf #202020 1,17:1 Nicht bestanden

Aa #090909 auf #101010 1,05:1 Nicht bestanden

ATB LAVA

ATB LAVA

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen