Startseite Farbpaletten Palette „Poster Yellow“ mit 4 Farben

Palette „Poster Yellow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Poster Yellow“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 3.037

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #10316B;
  --c-vibrant-2: #0B8457;
  --c-vibrant-3: #EAC100;
  --c-vibrant-4: #DEE1EC;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Blush Sky (#DEE1EC) bis zum dunkelsten Ton Atlantic Navy (#10316B). Sie vereint Atlantic Navy, Vital Green, Poster Yellow und Blush Sky 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 #10316B auf #DEE1EC mit 9,61:1.

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

Farben im Detail

Atlantic Navy #10316B

RGB: rgb(16, 49, 107)
HSL: hsl(218, 74%, 24%)
Luminanz: 0,034

Vital Green #0B8457

RGB: rgb(11, 132, 87)
HSL: hsl(158, 85%, 28%)
Luminanz: 0,173

Poster Yellow #EAC100

RGB: rgb(234, 193, 0)
HSL: hsl(49, 100%, 46%)
Luminanz: 0,556

Blush Sky #DEE1EC

RGB: rgb(222, 225, 236)
HSL: hsl(227, 27%, 90%)
Luminanz: 0,754

Kontrast & Barrierefreiheit

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

Aa #10316B auf #DEE1EC 9,61:1 AAA

Aa #10316B auf #EAC100 7,25:1 AAA

Aa #0B8457 auf #DEE1EC 3,61:1 AA (großer Text)

Aa #0B8457 auf #EAC100 2,72:1 Nicht bestanden

Aa #10316B auf #0B8457 2,66:1 Nicht bestanden

Aa #EAC100 auf #DEE1EC 1,33:1 Nicht bestanden

Palette „Poster Yellow“ mit 4 Farben