Startseite Farbpaletten Palette „Autumn Orange“ mit 4 Farben

Palette „Autumn Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Autumn Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 2.766

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F5D5AE;
  --c-vibrant-2: #EF9A53;
  --c-vibrant-3: #C539B4;
  --c-vibrant-4: #852999;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Apricot Gelato (#F5D5AE) bis zum dunkelsten Ton Druchii Violet (#852999). Sie vereint Apricot Gelato, Autumn Orange, Purple Pink und Druchii Violet 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 #F5D5AE auf #852999 mit 5,41:1.

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

Farben im Detail

Apricot Gelato #F5D5AE

RGB: rgb(245, 213, 174)
HSL: hsl(33, 78%, 82%)
Luminanz: 0,701

Autumn Orange #EF9A53

RGB: rgb(239, 154, 83)
HSL: hsl(27, 83%, 63%)
Luminanz: 0,421

Purple Pink #C539B4

RGB: rgb(197, 57, 180)
HSL: hsl(307, 55%, 50%)
Luminanz: 0,181

Druchii Violet #852999

RGB: rgb(133, 41, 153)
HSL: hsl(289, 58%, 38%)
Luminanz: 0,089

Kontrast & Barrierefreiheit

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

Aa #F5D5AE auf #852999 5,41:1 AA

Aa #EF9A53 auf #852999 3,39:1 AA (großer Text)

Aa #F5D5AE auf #C539B4 3,25:1 AA (großer Text)

Aa #EF9A53 auf #C539B4 2,04:1 Nicht bestanden

Aa #C539B4 auf #852999 1,66:1 Nicht bestanden

Aa #F5D5AE auf #EF9A53 1,59:1 Nicht bestanden

Palette „Autumn Orange“ mit 4 Farben