CGA Mibend4

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

Zurück zur Bibliothek

CGA Mibend4

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Komplementär night cga mode5 highintensity

Likes 92

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #291F23;
  --c-earthy-2: #BD502F;
  --c-earthy-3: #34D1AF;
  --c-earthy-4: #F7ECB9;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Lantern Light (#F7ECB9) bis zum dunkelsten Ton Ink Black (#291F23). Sie vereint Ink Black, Burnt Ochre, Jadeite und Lantern Light 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 #291F23 auf #F7ECB9 mit 13,43: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

Ink Black #291F23

RGB: rgb(41, 31, 35)
HSL: hsl(336, 14%, 14%)
Luminanz: 0,016

Burnt Ochre #BD502F

RGB: rgb(189, 80, 47)
HSL: hsl(14, 60%, 46%)
Luminanz: 0,168

Jadeite #34D1AF

RGB: rgb(52, 209, 175)
HSL: hsl(167, 63%, 51%)
Luminanz: 0,494

Lantern Light #F7ECB9

RGB: rgb(247, 236, 185)
HSL: hsl(49, 79%, 85%)
Luminanz: 0,833

Kontrast & Barrierefreiheit

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

Aa #291F23 auf #F7ECB9 13,43:1 AAA

Aa #291F23 auf #34D1AF 8,28:1 AAA

Aa #BD502F auf #F7ECB9 4,06:1 AA (großer Text)

Aa #291F23 auf #BD502F 3,31:1 AA (großer Text)

Aa #BD502F auf #34D1AF 2,50:1 Nicht bestanden

Aa #34D1AF auf #F7ECB9 1,62:1 Nicht bestanden

CGA Mibend4

CGA Mibend4

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen