Startseite Farbpaletten Palette „Vulcan Fire“ mit 4 Farben

Palette „Vulcan Fire“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Vulcan Fire“ 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 6.678

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #111F4D;
  --c-muted-2: #F2F4F7;
  --c-muted-3: #E43A19;
  --c-muted-4: #020205;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Chef’s Hat (#F2F4F7) bis zum dunkelsten Ton Raven’s Coat (#020205). Sie vereint Dark Soul, Chef’s Hat, Vulcan Fire und Raven’s Coat 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 #F2F4F7 auf #020205 mit 18,81:1.

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

Farben im Detail

Dark Soul #111F4D

RGB: rgb(17, 31, 77)
HSL: hsl(226, 64%, 18%)
Luminanz: 0,016

Chef’s Hat #F2F4F7

RGB: rgb(242, 244, 247)
HSL: hsl(216, 24%, 96%)
Luminanz: 0,903

Vulcan Fire #E43A19

RGB: rgb(228, 58, 25)
HSL: hsl(10, 80%, 50%)
Luminanz: 0,196

Raven’s Coat #020205

RGB: rgb(2, 2, 5)
HSL: hsl(240, 43%, 1%)
Luminanz: 0,001

Kontrast & Barrierefreiheit

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

Aa #F2F4F7 auf #020205 18,81:1 AAA

Aa #111F4D auf #F2F4F7 14,36:1 AAA

Aa #E43A19 auf #020205 4,85:1 AA

Aa #F2F4F7 auf #E43A19 3,88:1 AA (großer Text)

Aa #111F4D auf #E43A19 3,71:1 AA (großer Text)

Aa #111F4D auf #020205 1,31:1 Nicht bestanden

Palette „Vulcan Fire“ mit 4 Farben