Startseite Farbpaletten Palette „Cranberry“ mit 4 Farben

Palette „Cranberry“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Cranberry“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 6.151

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #2A0944;
  --c-vibrant-2: #3FA796;
  --c-vibrant-3: #FEC260;
  --c-vibrant-4: #A10035;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Gold’s Great Touch (#FEC260) bis zum dunkelsten Ton Oily Purple (#2A0944). Sie vereint Oily Purple, Bahaman Bliss, Gold’s Great Touch und Cranberry 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 #2A0944 auf #FEC260 mit 10,73:1.

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

Farben im Detail

Oily Purple #2A0944

RGB: rgb(42, 9, 68)
HSL: hsl(274, 77%, 15%)
Luminanz: 0,011

Bahaman Bliss #3FA796

RGB: rgb(63, 167, 150)
HSL: hsl(170, 45%, 45%)
Luminanz: 0,309

Gold’s Great Touch #FEC260

RGB: rgb(254, 194, 96)
HSL: hsl(37, 99%, 69%)
Luminanz: 0,605

Cranberry #A10035

RGB: rgb(161, 0, 53)
HSL: hsl(340, 100%, 32%)
Luminanz: 0,078

Kontrast & Barrierefreiheit

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

Aa #2A0944 auf #FEC260 10,73:1 AAA

Aa #2A0944 auf #3FA796 5,88:1 AA

Aa #FEC260 auf #A10035 5,10:1 AA

Aa #3FA796 auf #A10035 2,80:1 Nicht bestanden

Aa #2A0944 auf #A10035 2,10:1 Nicht bestanden

Aa #3FA796 auf #FEC260 1,82:1 Nicht bestanden

Palette „Cranberry“ mit 4 Farben