Startseite Farbpaletten Palette „New Yellow“ mit 4 Farben

Palette „New Yellow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „New Yellow“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 1.078

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #693F27;
  --c-vibrant-2: #E4C144;
  --c-vibrant-3: #DF7943;
  --c-vibrant-4: #C24B39;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton New Yellow (#E4C144) bis zum dunkelsten Ton Semi Sweet Chocolate (#693F27). Sie vereint Semi Sweet Chocolate, New Yellow, Orange Shot und Grenadier in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #693F27 auf #E4C144 mit 5,13:1.

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

Farben im Detail

Semi Sweet Chocolate #693F27

RGB: rgb(105, 63, 39)
HSL: hsl(22, 46%, 28%)
Luminanz: 0,067

New Yellow #E4C144

RGB: rgb(228, 193, 68)
HSL: hsl(47, 75%, 58%)
Luminanz: 0,551

Orange Shot #DF7943

RGB: rgb(223, 121, 67)
HSL: hsl(21, 71%, 57%)
Luminanz: 0,298

Grenadier #C24B39

RGB: rgb(194, 75, 57)
HSL: hsl(8, 55%, 49%)
Luminanz: 0,168

Kontrast & Barrierefreiheit

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

Aa #693F27 auf #E4C144 5,13:1 AA

Aa #693F27 auf #DF7943 2,97:1 Nicht bestanden

Aa #E4C144 auf #C24B39 2,76:1 Nicht bestanden

Aa #693F27 auf #C24B39 1,86:1 Nicht bestanden

Aa #E4C144 auf #DF7943 1,73:1 Nicht bestanden

Aa #DF7943 auf #C24B39 1,60:1 Nicht bestanden

Palette „New Yellow“ mit 4 Farben