Startseite Farbpaletten Palette „Liquid Gold“ mit 4 Farben

Palette „Liquid Gold“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Liquid Gold“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 4.212

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #124076;
  --c-vibrant-2: #7F9F80;
  --c-vibrant-3: #F9E897;
  --c-vibrant-4: #FFC374;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Picasso (#F9E897) bis zum dunkelsten Ton Inoffensive Blue (#124076). Sie vereint Inoffensive Blue, Aquadulce, Picasso und Liquid Gold 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 #124076 auf #F9E897 mit 8,42:1.

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

Farben im Detail

Inoffensive Blue #124076

RGB: rgb(18, 64, 118)
HSL: hsl(212, 74%, 27%)
Luminanz: 0,051

Aquadulce #7F9F80

RGB: rgb(127, 159, 128)
HSL: hsl(122, 14%, 56%)
Luminanz: 0,309

Picasso #F9E897

RGB: rgb(249, 232, 151)
HSL: hsl(50, 89%, 78%)
Luminanz: 0,801

Liquid Gold #FFC374

RGB: rgb(255, 195, 116)
HSL: hsl(34, 100%, 73%)
Luminanz: 0,616

Kontrast & Barrierefreiheit

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

Aa #124076 auf #F9E897 8,42:1 AAA

Aa #124076 auf #FFC374 6,59:1 AA

Aa #124076 auf #7F9F80 3,55:1 AA (großer Text)

Aa #7F9F80 auf #F9E897 2,37:1 Nicht bestanden

Aa #7F9F80 auf #FFC374 1,86:1 Nicht bestanden

Aa #F9E897 auf #FFC374 1,28:1 Nicht bestanden

Palette „Liquid Gold“ mit 4 Farben