Startseite Farbpaletten Palette „Clairvoyant“ mit 4 Farben

Palette „Clairvoyant“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Clairvoyant“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär

Likes 3.761

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #CCF0C3;
  --c-muted-2: #BCA3CA;
  --c-muted-3: #7C4789;
  --c-muted-4: #4A0E5C;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Celery Victor (#CCF0C3) bis zum dunkelsten Ton Clairvoyant (#4A0E5C). Sie vereint Celery Victor, Lavendula, Nightly Violet und Clairvoyant 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 #CCF0C3 auf #4A0E5C mit 11,15:1.

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

Farben im Detail

Celery Victor #CCF0C3

RGB: rgb(204, 240, 195)
HSL: hsl(108, 60%, 85%)
Luminanz: 0,791

Lavendula #BCA3CA

RGB: rgb(188, 163, 202)
HSL: hsl(278, 27%, 72%)
Luminanz: 0,412

Nightly Violet #7C4789

RGB: rgb(124, 71, 137)
HSL: hsl(288, 32%, 41%)
Luminanz: 0,106

Clairvoyant #4A0E5C

RGB: rgb(74, 14, 92)
HSL: hsl(286, 74%, 21%)
Luminanz: 0,025

Kontrast & Barrierefreiheit

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

Aa #CCF0C3 auf #4A0E5C 11,15:1 AAA

Aa #BCA3CA auf #4A0E5C 6,12:1 AA

Aa #CCF0C3 auf #7C4789 5,39:1 AA

Aa #BCA3CA auf #7C4789 2,96:1 Nicht bestanden

Aa #7C4789 auf #4A0E5C 2,07:1 Nicht bestanden

Aa #CCF0C3 auf #BCA3CA 1,82:1 Nicht bestanden

Palette „Clairvoyant“ mit 4 Farben