Startseite Farbpaletten Palette „Velvet Magic“ mit 4 Farben

Palette „Velvet Magic“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Velvet Magic“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 1.715

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #5A0E24;
  --c-vibrant-2: #76153C;
  --c-vibrant-3: #BF124D;
  --c-vibrant-4: #67B2D8;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Riviera Blue (#67B2D8) bis zum dunkelsten Ton Chocolate Cosmos (#5A0E24). Sie vereint Chocolate Cosmos, Her Fierceness, Velvet Magic und Riviera Blue 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 #5A0E24 auf #67B2D8 mit 5,87:1.

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

Farben im Detail

Chocolate Cosmos #5A0E24

RGB: rgb(90, 14, 36)
HSL: hsl(343, 73%, 20%)
Luminanz: 0,026

Her Fierceness #76153C

RGB: rgb(118, 21, 60)
HSL: hsl(336, 70%, 27%)
Luminanz: 0,047

Velvet Magic #BF124D

RGB: rgb(191, 18, 77)
HSL: hsl(340, 83%, 41%)
Luminanz: 0,120

Riviera Blue #67B2D8

RGB: rgb(103, 178, 216)
HSL: hsl(200, 59%, 63%)
Luminanz: 0,397

Kontrast & Barrierefreiheit

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

Aa #5A0E24 auf #67B2D8 5,87:1 AA

Aa #76153C auf #67B2D8 4,60:1 AA

Aa #BF124D auf #67B2D8 2,62:1 Nicht bestanden

Aa #5A0E24 auf #BF124D 2,24:1 Nicht bestanden

Aa #76153C auf #BF124D 1,75:1 Nicht bestanden

Aa #5A0E24 auf #76153C 1,28:1 Nicht bestanden

Palette „Velvet Magic“ mit 4 Farben