MoonlightGB

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

Zurück zur Bibliothek

MoonlightGB

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär gameboy 4colors moonlightgb

Likes 19

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F3EAAB;
  --c-muted-2: #86A0B7;
  --c-muted-3: #3D476A;
  --c-muted-4: #19152A;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Star-Studded (#F3EAAB) bis zum dunkelsten Ton Sambucus (#19152A). Sie vereint Star-Studded, Astro Bound, Starlit Night und Sambucus 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 #F3EAAB auf #19152A mit 14,52:1.

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

Farben im Detail

Star-Studded #F3EAAB

RGB: rgb(243, 234, 171)
HSL: hsl(53, 75%, 81%)
Luminanz: 0,808

Astro Bound #86A0B7

RGB: rgb(134, 160, 183)
HSL: hsl(208, 25%, 62%)
Luminanz: 0,336

Starlit Night #3D476A

RGB: rgb(61, 71, 106)
HSL: hsl(227, 27%, 33%)
Luminanz: 0,065

Sambucus #19152A

RGB: rgb(25, 21, 42)
HSL: hsl(251, 33%, 12%)
Luminanz: 0,009

Kontrast & Barrierefreiheit

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

Aa #F3EAAB auf #19152A 14,52:1 AAA

Aa #F3EAAB auf #3D476A 7,44:1 AAA

Aa #86A0B7 auf #19152A 6,54:1 AA

Aa #86A0B7 auf #3D476A 3,35:1 AA (großer Text)

Aa #F3EAAB auf #86A0B7 2,22:1 Nicht bestanden

Aa #3D476A auf #19152A 1,95:1 Nicht bestanden

MoonlightGB

MoonlightGB

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen