HoneyGB

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

HoneyGB

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Analog gameboy 4 warm gb

Likes 259

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #3E3A42;
  --c-muted-2: #877286;
  --c-muted-3: #F0B695;
  --c-muted-4: #E9F5DA;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Diminished Mint (#E9F5DA) bis zum dunkelsten Ton Ship Grey (#3E3A42). Sie vereint Ship Grey, Sapphire Pink, Chilli Dip und Diminished Mint 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 #3E3A42 auf #E9F5DA mit 9,82:1.

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

Farben im Detail

Ship Grey #3E3A42

RGB: rgb(62, 58, 66)
HSL: hsl(270, 6%, 24%)
Luminanz: 0,044

Sapphire Pink #877286

RGB: rgb(135, 114, 134)
HSL: hsl(303, 8%, 49%)
Luminanz: 0,189

Chilli Dip #F0B695

RGB: rgb(240, 182, 149)
HSL: hsl(22, 75%, 76%)
Luminanz: 0,542

Diminished Mint #E9F5DA

RGB: rgb(233, 245, 218)
HSL: hsl(87, 57%, 91%)
Luminanz: 0,877

Kontrast & Barrierefreiheit

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

Aa #3E3A42 auf #E9F5DA 9,82:1 AAA

Aa #3E3A42 auf #F0B695 6,26:1 AA

Aa #877286 auf #E9F5DA 3,88:1 AA (großer Text)

Aa #3E3A42 auf #877286 2,53:1 Nicht bestanden

Aa #877286 auf #F0B695 2,47:1 Nicht bestanden

Aa #F0B695 auf #E9F5DA 1,57:1 Nicht bestanden

HoneyGB

HoneyGB

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen