Startseite Farbpaletten Palette „Chanterelle“ mit 4 Farben

Palette „Chanterelle“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Chanterelle“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 285

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFC570;
  --c-vibrant-2: #EFD2B0;
  --c-vibrant-3: #547792;
  --c-vibrant-4: #1A3263;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Calm Air (#EFD2B0) bis zum dunkelsten Ton Mythical Night (#1A3263). Sie vereint Chanterelle, Calm Air, Melancholic Sea und Mythical Night 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 #EFD2B0 auf #1A3263 mit 8,64:1.

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

Farben im Detail

Chanterelle #FFC570

RGB: rgb(255, 197, 112)
HSL: hsl(36, 100%, 72%)
Luminanz: 0,624

Calm Air #EFD2B0

RGB: rgb(239, 210, 176)
HSL: hsl(32, 66%, 81%)
Luminanz: 0,676

Melancholic Sea #547792

RGB: rgb(84, 119, 146)
HSL: hsl(206, 27%, 45%)
Luminanz: 0,172

Mythical Night #1A3263

RGB: rgb(26, 50, 99)
HSL: hsl(220, 58%, 25%)
Luminanz: 0,034

Kontrast & Barrierefreiheit

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

Aa #EFD2B0 auf #1A3263 8,64:1 AAA

Aa #FFC570 auf #1A3263 8,02:1 AAA

Aa #EFD2B0 auf #547792 3,28:1 AA (großer Text)

Aa #FFC570 auf #547792 3,04:1 AA (großer Text)

Aa #547792 auf #1A3263 2,64:1 Nicht bestanden

Aa #FFC570 auf #EFD2B0 1,08:1 Nicht bestanden

Palette „Chanterelle“ mit 4 Farben