Startseite Farbpaletten Palette „Merlin’s Cloak“ mit 4 Farben

Palette „Merlin’s Cloak“ mit 4 Farben

Palette mit 4 Farben · Neutral · Dunkel · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Merlin’s Cloak“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Dunkel · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Neutral Dunkel Triadisch

Likes 6.892

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #4B5D67;
  --c-muted-2: #322F3D;
  --c-muted-3: #59405C;
  --c-muted-4: #87556F;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Merlin’s Cloak (#87556F) bis zum dunkelsten Ton Deep Well (#322F3D). Sie vereint Shot Over, Deep Well, Navy Cosmos und Merlin’s Cloak in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Shot Over #4B5D67

RGB: rgb(75, 93, 103)
HSL: hsl(201, 16%, 35%)
Luminanz: 0,103

Deep Well #322F3D

RGB: rgb(50, 47, 61)
HSL: hsl(253, 13%, 21%)
Luminanz: 0,031

Navy Cosmos #59405C

RGB: rgb(89, 64, 92)
HSL: hsl(294, 18%, 31%)
Luminanz: 0,066

Merlin’s Cloak #87556F

RGB: rgb(135, 85, 111)
HSL: hsl(329, 23%, 43%)
Luminanz: 0,128

Kontrast & Barrierefreiheit

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

Aa #322F3D auf #87556F 2,21:1 Nicht bestanden

Aa #4B5D67 auf #322F3D 1,90:1 Nicht bestanden

Aa #59405C auf #87556F 1,54:1 Nicht bestanden

Aa #322F3D auf #59405C 1,44:1 Nicht bestanden

Aa #4B5D67 auf #59405C 1,32:1 Nicht bestanden

Aa #4B5D67 auf #87556F 1,16:1 Nicht bestanden

Palette „Merlin’s Cloak“ mit 4 Farben