Startseite Farbpaletten Palette „No$GMB Yellow“ mit 4 Farben

Palette „No$GMB Yellow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „No$GMB Yellow“ 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 4.900

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #252B48;
  --c-muted-2: #445069;
  --c-muted-3: #5B9A8B;
  --c-muted-4: #F7E987;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton No$GMB Yellow (#F7E987) bis zum dunkelsten Ton Royal Curtsy (#252B48). Sie vereint Royal Curtsy, Into the Stratosphere, Grey Teal und No$GMB Yellow 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 #252B48 auf #F7E987 mit 11,17:1.

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

Farben im Detail

Royal Curtsy #252B48

RGB: rgb(37, 43, 72)
HSL: hsl(230, 32%, 21%)
Luminanz: 0,026

Into the Stratosphere #445069

RGB: rgb(68, 80, 105)
HSL: hsl(221, 21%, 34%)
Luminanz: 0,080

Grey Teal #5B9A8B

RGB: rgb(91, 154, 139)
HSL: hsl(166, 26%, 48%)
Luminanz: 0,272

No$GMB Yellow #F7E987

RGB: rgb(247, 233, 135)
HSL: hsl(53, 88%, 75%)
Luminanz: 0,798

Kontrast & Barrierefreiheit

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

Aa #252B48 auf #F7E987 11,17:1 AAA

Aa #445069 auf #F7E987 6,53:1 AA

Aa #252B48 auf #5B9A8B 4,24:1 AA (großer Text)

Aa #5B9A8B auf #F7E987 2,63:1 Nicht bestanden

Aa #445069 auf #5B9A8B 2,48:1 Nicht bestanden

Aa #252B48 auf #445069 1,71:1 Nicht bestanden

Palette „No$GMB Yellow“ mit 4 Farben