Startseite Farbpaletten Introspection 01

Introspection 01

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

Zurück zur Bibliothek

Introspection 01

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

Bearbeiten

Lebendig 7 Farben Warm Gemischt Komplementär

Likes 48

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #5B1E67;
  --c-vibrant-2: #CB7387;
  --c-vibrant-3: #287055;
  --c-vibrant-4: #96CEFF;
  --c-vibrant-5: #8F896C;
  --c-vibrant-6: #FFDB82;
  --c-vibrant-7: #FFF1FD;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Pinkish White (#FFF1FD) bis zum dunkelsten Ton Elegant Purple Gown (#5B1E67). Sie vereint Elegant Purple Gown, Long Spring, Sparkling Emerald, Apocyan, Wilderness, Spirited Yellow und Pinkish White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #5B1E67 auf #FFF1FD mit 10,54:1.

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

Farben im Detail

Elegant Purple Gown #5B1E67

RGB: rgb(91, 30, 103)
HSL: hsl(290, 55%, 26%)
Luminanz: 0,041

Long Spring #CB7387

RGB: rgb(203, 115, 135)
HSL: hsl(346, 46%, 62%)
Luminanz: 0,267

Sparkling Emerald #287055

RGB: rgb(40, 112, 85)
HSL: hsl(158, 47%, 30%)
Luminanz: 0,127

Apocyan #96CEFF

RGB: rgb(150, 206, 255)
HSL: hsl(208, 100%, 79%)
Luminanz: 0,579

Wilderness #8F896C

RGB: rgb(143, 137, 108)
HSL: hsl(50, 14%, 49%)
Luminanz: 0,248

Spirited Yellow #FFDB82

RGB: rgb(255, 219, 130)
HSL: hsl(43, 100%, 75%)
Luminanz: 0,735

Pinkish White #FFF1FD

RGB: rgb(255, 241, 253)
HSL: hsl(309, 100%, 97%)
Luminanz: 0,913

Kontrast & Barrierefreiheit

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

Aa #5B1E67 auf #FFF1FD 10,54:1 AAA

Aa #5B1E67 auf #FFDB82 8,60:1 AAA

Aa #5B1E67 auf #96CEFF 6,88:1 AA

Aa #287055 auf #FFF1FD 5,44:1 AA

Aa #287055 auf #FFDB82 4,44:1 AA (großer Text)

Aa #287055 auf #96CEFF 3,55:1 AA (großer Text)

Aa #5B1E67 auf #CB7387 3,47:1 AA (großer Text)

Aa #5B1E67 auf #8F896C 3,26:1 AA (großer Text)

Aa #8F896C auf #FFF1FD 3,23:1 AA (großer Text)

Aa #CB7387 auf #FFF1FD 3,04:1 AA (großer Text)

Aa #8F896C auf #FFDB82 2,63:1 Nicht bestanden

Aa #CB7387 auf #FFDB82 2,48:1 Nicht bestanden

Aa #96CEFF auf #8F896C 2,11:1 Nicht bestanden

Aa #CB7387 auf #96CEFF 1,98:1 Nicht bestanden

Aa #5B1E67 auf #287055 1,94:1 Nicht bestanden

Aa #CB7387 auf #287055 1,79:1 Nicht bestanden

Aa #287055 auf #8F896C 1,68:1 Nicht bestanden

Aa #96CEFF auf #FFF1FD 1,53:1 Nicht bestanden

Aa #96CEFF auf #FFDB82 1,25:1 Nicht bestanden

Aa #FFDB82 auf #FFF1FD 1,23:1 Nicht bestanden

Aa #CB7387 auf #8F896C 1,06:1 Nicht bestanden

Introspection 01