Startseite Farbpaletten Palette „Midnight Mirage“ mit 4 Farben

Palette „Midnight Mirage“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Midnight Mirage“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 10.135

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #001F3F;
  --c-muted-2: #3A6D8C;
  --c-muted-3: #6A9AB0;
  --c-muted-4: #EAD8B1;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Golden Syrup (#EAD8B1) bis zum dunkelsten Ton Midnight Mirage (#001F3F). Sie vereint Midnight Mirage, Living Stream, Yacht Blue und Golden Syrup in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #001F3F auf #EAD8B1 mit 11,8:1.

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

Farben im Detail

Midnight Mirage #001F3F

RGB: rgb(0, 31, 63)
HSL: hsl(210, 100%, 12%)
Luminanz: 0,013

Living Stream #3A6D8C

RGB: rgb(58, 109, 140)
HSL: hsl(203, 41%, 39%)
Luminanz: 0,137

Yacht Blue #6A9AB0

RGB: rgb(106, 154, 176)
HSL: hsl(199, 31%, 55%)
Luminanz: 0,293

Golden Syrup #EAD8B1

RGB: rgb(234, 216, 177)
HSL: hsl(41, 58%, 81%)
Luminanz: 0,698

Kontrast & Barrierefreiheit

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

Aa #001F3F auf #EAD8B1 11,80:1 AAA

Aa #001F3F auf #6A9AB0 5,41:1 AA

Aa #3A6D8C auf #EAD8B1 3,99:1 AA (großer Text)

Aa #001F3F auf #3A6D8C 2,95:1 Nicht bestanden

Aa #6A9AB0 auf #EAD8B1 2,18:1 Nicht bestanden

Aa #3A6D8C auf #6A9AB0 1,83:1 Nicht bestanden

Palette „Midnight Mirage“ mit 4 Farben