WarmLight

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

WarmLight

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Erdig 4 Farben Warm Gemischt Monochrom orange warm

Likes 162

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #211E20;
  --c-earthy-2: #66605C;
  --c-earthy-3: #FF924F;
  --c-earthy-4: #FFD191;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Honey Bird (#FFD191) bis zum dunkelsten Ton Umbra (#211E20). Sie vereint Umbra, Bessie, Encounter und Honey Bird in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #211E20 auf #FFD191 mit 11,63: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

Umbra #211E20

RGB: rgb(33, 30, 32)
HSL: hsl(320, 5%, 12%)
Luminanz: 0,014

Bessie #66605C

RGB: rgb(102, 96, 92)
HSL: hsl(24, 5%, 38%)
Luminanz: 0,120

Encounter #FF924F

RGB: rgb(255, 146, 79)
HSL: hsl(23, 100%, 65%)
Luminanz: 0,424

Honey Bird #FFD191

RGB: rgb(255, 209, 145)
HSL: hsl(35, 100%, 78%)
Luminanz: 0,689

Kontrast & Barrierefreiheit

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

Aa #211E20 auf #FFD191 11,63:1 AAA

Aa #211E20 auf #FF924F 7,45:1 AAA

Aa #66605C auf #FFD191 4,36:1 AA (großer Text)

Aa #66605C auf #FF924F 2,79:1 Nicht bestanden

Aa #211E20 auf #66605C 2,67:1 Nicht bestanden

Aa #FF924F auf #FFD191 1,56:1 Nicht bestanden

WarmLight

WarmLight

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen