Startseite Farbpaletten Palette „Velvet“ mit 4 Farben

Palette „Velvet“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Velvet“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 3.728

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #610C63;
  --c-vibrant-2: #810955;
  --c-vibrant-3: #EE81B3;
  --c-vibrant-4: #FFF9D7;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Warm Light (#FFF9D7) bis zum dunkelsten Ton Amygdala Purple (#610C63). Sie vereint Amygdala Purple, Velvet, Brown Knapweed und Warm Light 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 #610C63 auf #FFF9D7 mit 11,36:1.

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

Farben im Detail

Amygdala Purple #610C63

RGB: rgb(97, 12, 99)
HSL: hsl(299, 78%, 22%)
Luminanz: 0,037

Velvet #810955

RGB: rgb(129, 9, 85)
HSL: hsl(322, 87%, 27%)
Luminanz: 0,055

Brown Knapweed #EE81B3

RGB: rgb(238, 129, 179)
HSL: hsl(332, 76%, 72%)
Luminanz: 0,371

Warm Light #FFF9D7

RGB: rgb(255, 249, 215)
HSL: hsl(51, 100%, 92%)
Luminanz: 0,939

Kontrast & Barrierefreiheit

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

Aa #610C63 auf #FFF9D7 11,36:1 AAA

Aa #810955 auf #FFF9D7 9,40:1 AAA

Aa #610C63 auf #EE81B3 4,84:1 AA

Aa #810955 auf #EE81B3 4,01:1 AA (großer Text)

Aa #EE81B3 auf #FFF9D7 2,35:1 Nicht bestanden

Aa #610C63 auf #810955 1,21:1 Nicht bestanden

Palette „Velvet“ mit 4 Farben