Startseite Farbpaletten Palette „Méi Hēi Coal“ mit 4 Farben

Palette „Méi Hēi Coal“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Méi Hēi Coal“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Analog

Likes 9.065

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #163020;
  --c-muted-2: #304D30;
  --c-muted-3: #B6C4B6;
  --c-muted-4: #EEF0E5;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Oyster Island (#EEF0E5) bis zum dunkelsten Ton Méi Hēi Coal (#163020). Sie vereint Méi Hēi Coal, Nettle Green, Recycled Glass und Oyster Island in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #163020 auf #EEF0E5 mit 12,34:1.

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

Farben im Detail

Méi Hēi Coal #163020

RGB: rgb(22, 48, 32)
HSL: hsl(143, 37%, 14%)
Luminanz: 0,024

Nettle Green #304D30

RGB: rgb(48, 77, 48)
HSL: hsl(120, 23%, 25%)
Luminanz: 0,062

Recycled Glass #B6C4B6

RGB: rgb(182, 196, 182)
HSL: hsl(120, 11%, 74%)
Luminanz: 0,528

Oyster Island #EEF0E5

RGB: rgb(238, 240, 229)
HSL: hsl(71, 27%, 92%)
Luminanz: 0,862

Kontrast & Barrierefreiheit

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

Aa #163020 auf #EEF0E5 12,34:1 AAA

Aa #304D30 auf #EEF0E5 8,18:1 AAA

Aa #163020 auf #B6C4B6 7,82:1 AAA

Aa #304D30 auf #B6C4B6 5,18:1 AA

Aa #B6C4B6 auf #EEF0E5 1,58:1 Nicht bestanden

Aa #163020 auf #304D30 1,51:1 Nicht bestanden

Palette „Méi Hēi Coal“ mit 4 Farben