Startseite Farbpaletten Palette „Lemon Dream“ mit 4 Farben

Palette „Lemon Dream“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Lemon Dream“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Dunkel Komplementär

Likes 7.137

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F0A500;
  --c-muted-2: #334756;
  --c-muted-3: #082032;
  --c-muted-4: #000000;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Lemon Dream (#F0A500) bis zum dunkelsten Ton Black (#000000). Sie vereint Lemon Dream, Aristocratic Blue, Trapped Darkness und Black 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 #F0A500 auf #000000 mit 10,09:1.

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

Farben im Detail

Lemon Dream #F0A500

RGB: rgb(240, 165, 0)
HSL: hsl(41, 100%, 47%)
Luminanz: 0,454

Aristocratic Blue #334756

RGB: rgb(51, 71, 86)
HSL: hsl(206, 26%, 27%)
Luminanz: 0,059

Trapped Darkness #082032

RGB: rgb(8, 32, 50)
HSL: hsl(206, 72%, 11%)
Luminanz: 0,013

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Kontrast & Barrierefreiheit

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

Aa #F0A500 auf #000000 10,09:1 AAA

Aa #F0A500 auf #082032 7,99:1 AAA

Aa #F0A500 auf #334756 4,63:1 AA

Aa #334756 auf #000000 2,18:1 Nicht bestanden

Aa #334756 auf #082032 1,72:1 Nicht bestanden

Aa #082032 auf #000000 1,26:1 Nicht bestanden

Palette „Lemon Dream“ mit 4 Farben