Startseite Farbpaletten Palette „Mermaid Tears“ mit 4 Farben

Palette „Mermaid Tears“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Palette „Mermaid Tears“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Analog

Likes 12.866

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #191A19;
  --c-muted-2: #1E5128;
  --c-muted-3: #4E9F3D;
  --c-muted-4: #D8E9A8;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Mermaid Tears (#D8E9A8) bis zum dunkelsten Ton Thamar Black (#191A19). Sie vereint Thamar Black, Moor-Monster, Oregano Green 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 #191A19 auf #D8E9A8 mit 13,42:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Thamar Black #191A19

RGB: rgb(25, 26, 25)
HSL: hsl(120, 2%, 10%)
Luminanz: 0,010

Moor-Monster #1E5128

RGB: rgb(30, 81, 40)
HSL: hsl(132, 46%, 22%)
Luminanz: 0,063

Oregano Green #4E9F3D

RGB: rgb(78, 159, 61)
HSL: hsl(110, 45%, 43%)
Luminanz: 0,268

Mermaid Tears #D8E9A8

RGB: rgb(216, 233, 168)
HSL: hsl(76, 60%, 79%)
Luminanz: 0,757

Kontrast & Barrierefreiheit

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

Aa #191A19 auf #D8E9A8 13,42:1 AAA

Aa #1E5128 auf #D8E9A8 7,13:1 AAA

Aa #191A19 auf #4E9F3D 5,28:1 AA

Aa #1E5128 auf #4E9F3D 2,81:1 Nicht bestanden

Aa #4E9F3D auf #D8E9A8 2,54:1 Nicht bestanden

Aa #191A19 auf #1E5128 1,88:1 Nicht bestanden

Palette „Mermaid Tears“ mit 4 Farben