Startseite Farbpaletten Palette „Cream Cheese Avocado“ mit 4 Farben

Palette „Cream Cheese Avocado“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Cream Cheese Avocado“ 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 5.925

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #1B2430;
  --c-muted-2: #51557E;
  --c-muted-3: #816797;
  --c-muted-4: #D6D5A8;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Cream Cheese Avocado (#D6D5A8) bis zum dunkelsten Ton Dark (#1B2430). Sie vereint Dark, Dusk, Clematis und Cream Cheese Avocado 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 #1B2430 auf #D6D5A8 mit 10,39:1.

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

Farben im Detail

Dark #1B2430

RGB: rgb(27, 36, 48)
HSL: hsl(214, 28%, 15%)
Luminanz: 0,017

Dusk #51557E

RGB: rgb(81, 85, 126)
HSL: hsl(235, 22%, 41%)
Luminanz: 0,098

Clematis #816797

RGB: rgb(129, 103, 151)
HSL: hsl(273, 19%, 50%)
Luminanz: 0,166

Cream Cheese Avocado #D6D5A8

RGB: rgb(214, 213, 168)
HSL: hsl(59, 36%, 75%)
Luminanz: 0,647

Kontrast & Barrierefreiheit

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

Aa #1B2430 auf #D6D5A8 10,39:1 AAA

Aa #51557E auf #D6D5A8 4,73:1 AA

Aa #816797 auf #D6D5A8 3,23:1 AA (großer Text)

Aa #1B2430 auf #816797 3,22:1 AA (großer Text)

Aa #1B2430 auf #51557E 2,20:1 Nicht bestanden

Aa #51557E auf #816797 1,46:1 Nicht bestanden

Palette „Cream Cheese Avocado“ mit 4 Farben