Startseite Farbpaletten Palette „Uplifting Yellow“ mit 4 Farben

Palette „Uplifting Yellow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Uplifting Yellow“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 2.628

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #403121;
  --c-vibrant-2: #A65E09;
  --c-vibrant-3: #ED9728;
  --c-vibrant-4: #FAF494;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Milan (#FAF494) bis zum dunkelsten Ton Iroko (#403121). Sie vereint Iroko, Raw Umber, Uplifting Yellow und Milan 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 #403121 auf #FAF494 mit 10,98:1.

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

Farben im Detail

Iroko #403121

RGB: rgb(64, 49, 33)
HSL: hsl(31, 32%, 19%)
Luminanz: 0,034

Raw Umber #A65E09

RGB: rgb(166, 94, 9)
HSL: hsl(32, 90%, 34%)
Luminanz: 0,161

Uplifting Yellow #ED9728

RGB: rgb(237, 151, 40)
HSL: hsl(34, 85%, 54%)
Luminanz: 0,403

Milan #FAF494

RGB: rgb(250, 244, 148)
HSL: hsl(56, 91%, 78%)
Luminanz: 0,872

Kontrast & Barrierefreiheit

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

Aa #403121 auf #FAF494 10,98:1 AAA

Aa #403121 auf #ED9728 5,39:1 AA

Aa #A65E09 auf #FAF494 4,36:1 AA (großer Text)

Aa #403121 auf #A65E09 2,52:1 Nicht bestanden

Aa #A65E09 auf #ED9728 2,14:1 Nicht bestanden

Aa #ED9728 auf #FAF494 2,03:1 Nicht bestanden

Palette „Uplifting Yellow“ mit 4 Farben