GOBLIN

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

Zurück zur Bibliothek

GOBLIN

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär minimal gameboy neon 4color

Likes 16

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #0B0C18;
  --c-muted-2: #767F59;
  --c-muted-3: #DEF1A7;
  --c-muted-4: #F91767;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Mint Julep (#DEF1A7) bis zum dunkelsten Ton Midnight Oil (#0B0C18). Sie vereint Midnight Oil, Grape Vine, Mint Julep und Pure Pleasure 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 #0B0C18 auf #DEF1A7 mit 15,97:1.

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

Farben im Detail

Midnight Oil #0B0C18

RGB: rgb(11, 12, 24)
HSL: hsl(235, 37%, 7%)
Luminanz: 0,004

Grape Vine #767F59

RGB: rgb(118, 127, 89)
HSL: hsl(74, 18%, 42%)
Luminanz: 0,198

Mint Julep #DEF1A7

RGB: rgb(222, 241, 167)
HSL: hsl(75, 73%, 80%)
Luminanz: 0,812

Pure Pleasure #F91767

RGB: rgb(249, 23, 103)
HSL: hsl(339, 95%, 53%)
Luminanz: 0,217

Kontrast & Barrierefreiheit

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

Aa #0B0C18 auf #DEF1A7 15,97:1 AAA

Aa #0B0C18 auf #F91767 4,95:1 AA

Aa #0B0C18 auf #767F59 4,58:1 AA

Aa #767F59 auf #DEF1A7 3,48:1 AA (großer Text)

Aa #DEF1A7 auf #F91767 3,23:1 AA (großer Text)

Aa #767F59 auf #F91767 1,08:1 Nicht bestanden

GOBLIN

GOBLIN

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen