Startseite Farbpaletten Palette „Mermaid Tears“ mit 4 Farben

Palette „Mermaid Tears“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Mermaid Tears“ mit 4 Farben

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Komplementär

Likes 2.342

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #4B2B30;
  --c-earthy-2: #5E3B4D;
  --c-earthy-3: #AA96B7;
  --c-earthy-4: #D9E2A8;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Mermaid Tears (#D9E2A8) bis zum dunkelsten Ton Dark Roast (#4B2B30). Sie vereint Dark Roast, Violet Posy, Gleeful Joy und Mermaid Tears 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 #4B2B30 auf #D9E2A8 mit 9,12: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

Dark Roast #4B2B30

RGB: rgb(75, 43, 48)
HSL: hsl(351, 27%, 23%)
Luminanz: 0,034

Violet Posy #5E3B4D

RGB: rgb(94, 59, 77)
HSL: hsl(329, 23%, 30%)
Luminanz: 0,060

Gleeful Joy #AA96B7

RGB: rgb(170, 150, 183)
HSL: hsl(276, 19%, 65%)
Luminanz: 0,338

Mermaid Tears #D9E2A8

RGB: rgb(217, 226, 168)
HSL: hsl(69, 50%, 77%)
Luminanz: 0,720

Kontrast & Barrierefreiheit

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

Aa #4B2B30 auf #D9E2A8 9,12:1 AAA

Aa #5E3B4D auf #D9E2A8 6,97:1 AA

Aa #4B2B30 auf #AA96B7 4,60:1 AA

Aa #5E3B4D auf #AA96B7 3,51:1 AA (großer Text)

Aa #AA96B7 auf #D9E2A8 1,98:1 Nicht bestanden

Aa #4B2B30 auf #5E3B4D 1,31:1 Nicht bestanden

Palette „Mermaid Tears“ mit 4 Farben