Startseite Farbpaletten Palette „Midnight Mirage“ mit 4 Farben

Palette „Midnight Mirage“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Midnight Mirage“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 1.260

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #001F3D;
  --c-vibrant-2: #ED985F;
  --c-vibrant-3: #F7B980;
  --c-vibrant-4: #E6E6E6;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Extraordinary Abundance of Tinge (#E6E6E6) bis zum dunkelsten Ton Midnight Mirage (#001F3D). Sie vereint Midnight Mirage, Topaz Yellow, Asagi Yellow und Extraordinary Abundance of Tinge 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 #001F3D auf #E6E6E6 mit 13,32:1.

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

Farben im Detail

Midnight Mirage #001F3D

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

Topaz Yellow #ED985F

RGB: rgb(237, 152, 95)
HSL: hsl(24, 80%, 65%)
Luminanz: 0,413

Asagi Yellow #F7B980

RGB: rgb(247, 185, 128)
HSL: hsl(29, 88%, 74%)
Luminanz: 0,560

Extraordinary Abundance of Tinge #E6E6E6

RGB: rgb(230, 230, 230)
HSL: hsl(0, 0%, 90%)
Luminanz: 0,791

Kontrast & Barrierefreiheit

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

Aa #001F3D auf #E6E6E6 13,32:1 AAA

Aa #001F3D auf #F7B980 9,66:1 AAA

Aa #001F3D auf #ED985F 7,33:1 AAA

Aa #ED985F auf #E6E6E6 1,82:1 Nicht bestanden

Aa #F7B980 auf #E6E6E6 1,38:1 Nicht bestanden

Aa #ED985F auf #F7B980 1,32:1 Nicht bestanden

Palette „Midnight Mirage“ mit 4 Farben