Startseite Farbpaletten Palette „Void“ mit 4 Farben

Palette „Void“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Void“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 16.543

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #070F2B;
  --c-muted-2: #1B1A55;
  --c-muted-3: #535C91;
  --c-muted-4: #9290C3;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Velvet Crest (#9290C3) bis zum dunkelsten Ton Void (#070F2B). Sie vereint Void, Fly-by-Night, Berry Mix und Velvet Crest 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 #070F2B auf #9290C3 mit 6,29:1.

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

Farben im Detail

Void #070F2B

RGB: rgb(7, 15, 43)
HSL: hsl(227, 72%, 10%)
Luminanz: 0,006

Fly-by-Night #1B1A55

RGB: rgb(27, 26, 85)
HSL: hsl(241, 53%, 22%)
Luminanz: 0,016

Berry Mix #535C91

RGB: rgb(83, 92, 145)
HSL: hsl(231, 27%, 45%)
Luminanz: 0,115

Velvet Crest #9290C3

RGB: rgb(146, 144, 195)
HSL: hsl(242, 30%, 66%)
Luminanz: 0,300

Kontrast & Barrierefreiheit

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

Aa #070F2B auf #9290C3 6,29:1 AA

Aa #1B1A55 auf #9290C3 5,28:1 AA

Aa #070F2B auf #535C91 2,97:1 Nicht bestanden

Aa #1B1A55 auf #535C91 2,50:1 Nicht bestanden

Aa #535C91 auf #9290C3 2,12:1 Nicht bestanden

Aa #070F2B auf #1B1A55 1,19:1 Nicht bestanden

Palette „Void“ mit 4 Farben