Startseite Farbpaletten Laying In The Shade

Laying In The Shade

Palette mit 5 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Laying In The Shade

Palette mit 5 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 5 Farben Kühl Gemischt Komplementär

Likes 9

Farben 5

CSS-Variablen

:root {
  --c-vibrant-1: #533A71;
  --c-vibrant-2: #6184D8;
  --c-vibrant-3: #4FC2B7;
  --c-vibrant-4: #9AED5D;
  --c-vibrant-5: #F1F465;
}

Über diese Palette

Diese lebendige Palette mit 5 Farben reicht vom hellsten Ton Crash Dummy (#F1F465) bis zum dunkelsten Ton Succinct Violet (#533A71). Sie vereint Succinct Violet, Blue Jay, Treasured Teal, Stadium Lawn und Crash Dummy in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #533A71 auf #F1F465 mit 8,08:1.

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

Farben im Detail

Succinct Violet #533A71

RGB: rgb(83, 58, 113)
HSL: hsl(267, 32%, 34%)
Luminanz: 0,061

Blue Jay #6184D8

RGB: rgb(97, 132, 216)
HSL: hsl(222, 60%, 61%)
Luminanz: 0,240

Treasured Teal #4FC2B7

RGB: rgb(79, 194, 183)
HSL: hsl(174, 49%, 54%)
Luminanz: 0,437

Stadium Lawn #9AED5D

RGB: rgb(154, 237, 93)
HSL: hsl(95, 80%, 65%)
Luminanz: 0,682

Crash Dummy #F1F465

RGB: rgb(241, 244, 101)
HSL: hsl(61, 87%, 68%)
Luminanz: 0,843

Kontrast & Barrierefreiheit

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

Aa #533A71 auf #F1F465 8,08:1 AAA

Aa #533A71 auf #9AED5D 6,62:1 AA

Aa #533A71 auf #4FC2B7 4,40:1 AA (großer Text)

Aa #6184D8 auf #F1F465 3,08:1 AA (großer Text)

Aa #533A71 auf #6184D8 2,62:1 Nicht bestanden

Aa #6184D8 auf #9AED5D 2,52:1 Nicht bestanden

Aa #4FC2B7 auf #F1F465 1,84:1 Nicht bestanden

Aa #6184D8 auf #4FC2B7 1,68:1 Nicht bestanden

Aa #4FC2B7 auf #9AED5D 1,50:1 Nicht bestanden

Aa #9AED5D auf #F1F465 1,22:1 Nicht bestanden

Laying In The Shade