Startseite Farbpaletten Palette „Mandarin Orange“ mit 4 Farben

Palette „Mandarin Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Mandarin Orange“ mit 4 Farben

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

Bearbeiten

Erdig 4 Farben Neutral Gemischt Komplementär

Likes 2.445

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #EF6C35;
  --c-earthy-2: #161C2E;
  --c-earthy-3: #2BB3C0;
  --c-earthy-4: #FAF7F2;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Milk Jug (#FAF7F2) bis zum dunkelsten Ton Dark Knight (#161C2E). Sie vereint Mandarin Orange, Dark Knight, Utopia Beckons und Milk Jug in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #161C2E auf #FAF7F2 mit 15,85: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

Mandarin Orange #EF6C35

RGB: rgb(239, 108, 53)
HSL: hsl(18, 85%, 57%)
Luminanz: 0,293

Dark Knight #161C2E

RGB: rgb(22, 28, 46)
HSL: hsl(225, 35%, 13%)
Luminanz: 0,012

Utopia Beckons #2BB3C0

RGB: rgb(43, 179, 192)
HSL: hsl(185, 63%, 46%)
Luminanz: 0,366

Milk Jug #FAF7F2

RGB: rgb(250, 247, 242)
HSL: hsl(38, 44%, 96%)
Luminanz: 0,933

Kontrast & Barrierefreiheit

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

Aa #161C2E auf #FAF7F2 15,85:1 AAA

Aa #161C2E auf #2BB3C0 6,70:1 AA

Aa #EF6C35 auf #161C2E 5,54:1 AA

Aa #EF6C35 auf #FAF7F2 2,86:1 Nicht bestanden

Aa #2BB3C0 auf #FAF7F2 2,36:1 Nicht bestanden

Aa #EF6C35 auf #2BB3C0 1,21:1 Nicht bestanden

Palette „Mandarin Orange“ mit 4 Farben