Startseite Farbpaletten Palette „Autumn Splendour“ mit 4 Farben

Palette „Autumn Splendour“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Autumn Splendour“ 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 1.610

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #EAEFEF;
  --c-muted-2: #BFC9D1;
  --c-muted-3: #25343F;
  --c-muted-4: #FF9B51;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Frosted Glass (#EAEFEF) bis zum dunkelsten Ton Petrol Slumber (#25343F). Sie vereint Frosted Glass, Bay of Hope, Petrol Slumber und Autumn Splendour in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EAEFEF auf #25343F mit 11,02:1.

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

Farben im Detail

Frosted Glass #EAEFEF

RGB: rgb(234, 239, 239)
HSL: hsl(180, 14%, 93%)
Luminanz: 0,855

Bay of Hope #BFC9D1

RGB: rgb(191, 201, 209)
HSL: hsl(207, 16%, 78%)
Luminanz: 0,575

Petrol Slumber #25343F

RGB: rgb(37, 52, 63)
HSL: hsl(205, 26%, 20%)
Luminanz: 0,032

Autumn Splendour #FF9B51

RGB: rgb(255, 155, 81)
HSL: hsl(26, 100%, 66%)
Luminanz: 0,453

Kontrast & Barrierefreiheit

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

Aa #EAEFEF auf #25343F 11,02:1 AAA

Aa #BFC9D1 auf #25343F 7,61:1 AAA

Aa #25343F auf #FF9B51 6,13:1 AA

Aa #EAEFEF auf #FF9B51 1,80:1 Nicht bestanden

Aa #EAEFEF auf #BFC9D1 1,45:1 Nicht bestanden

Aa #BFC9D1 auf #FF9B51 1,24:1 Nicht bestanden

Palette „Autumn Splendour“ mit 4 Farben