Startseite Farbpaletten ExpandedDreamland

ExpandedDreamland

Palette mit 8 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

ExpandedDreamland

Palette mit 8 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Lebendig 8 Farben Warm Hell Komplementär gameboy sgb supergameboy

Likes 41

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #F7BEF7;
  --c-vibrant-2: #E78686;
  --c-vibrant-3: #7733E7;
  --c-vibrant-4: #2C2C96;
  --c-vibrant-5: #FDFDFD;
  --c-vibrant-6: #EEE19F;
  --c-vibrant-7: #8EDEFF;
  --c-vibrant-8: #86D378;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Brilliance (#FDFDFD) bis zum dunkelsten Ton Depths of Night (#2C2C96). Sie vereint Sweet Slumber Pink, Boho Blush, Bluish Purple, Depths of Night, Brilliance, Bells and Whistles Gold, Tranquil Pool und Fluorescence in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2C2C96 auf #FDFDFD mit 10,82:1.

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

Farben im Detail

Sweet Slumber Pink #F7BEF7

RGB: rgb(247, 190, 247)
HSL: hsl(300, 78%, 86%)
Luminanz: 0,633

Boho Blush #E78686

RGB: rgb(231, 134, 134)
HSL: hsl(0, 67%, 72%)
Luminanz: 0,358

Bluish Purple #7733E7

RGB: rgb(119, 51, 231)
HSL: hsl(263, 79%, 55%)
Luminanz: 0,121

Depths of Night #2C2C96

RGB: rgb(44, 44, 150)
HSL: hsl(240, 55%, 38%)
Luminanz: 0,045

Brilliance #FDFDFD

RGB: rgb(253, 253, 253)
HSL: hsl(0, 0%, 99%)
Luminanz: 0,982

Bells and Whistles Gold #EEE19F

RGB: rgb(238, 225, 159)
HSL: hsl(50, 70%, 78%)
Luminanz: 0,745

Tranquil Pool #8EDEFF

RGB: rgb(142, 222, 255)
HSL: hsl(198, 100%, 78%)
Luminanz: 0,652

Fluorescence #86D378

RGB: rgb(134, 211, 120)
HSL: hsl(111, 51%, 65%)
Luminanz: 0,530

Kontrast & Barrierefreiheit

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

Aa #2C2C96 auf #FDFDFD 10,82:1 AAA

Aa #2C2C96 auf #EEE19F 8,34:1 AAA

Aa #2C2C96 auf #8EDEFF 7,36:1 AAA

Aa #F7BEF7 auf #2C2C96 7,16:1 AAA

Aa #2C2C96 auf #86D378 6,08:1 AA

Aa #7733E7 auf #FDFDFD 6,05:1 AA

Aa #7733E7 auf #EEE19F 4,66:1 AA

Aa #E78686 auf #2C2C96 4,27:1 AA (großer Text)

Aa #7733E7 auf #8EDEFF 4,12:1 AA (großer Text)

Aa #F7BEF7 auf #7733E7 4,00:1 AA (großer Text)

Aa #7733E7 auf #86D378 3,40:1 AA (großer Text)

Aa #E78686 auf #FDFDFD 2,53:1 Nicht bestanden

Aa #E78686 auf #7733E7 2,39:1 Nicht bestanden

Aa #E78686 auf #EEE19F 1,95:1 Nicht bestanden

Aa #7733E7 auf #2C2C96 1,79:1 Nicht bestanden

Aa #FDFDFD auf #86D378 1,78:1 Nicht bestanden

Aa #E78686 auf #8EDEFF 1,72:1 Nicht bestanden

Aa #F7BEF7 auf #E78686 1,68:1 Nicht bestanden

Aa #F7BEF7 auf #FDFDFD 1,51:1 Nicht bestanden

Aa #FDFDFD auf #8EDEFF 1,47:1 Nicht bestanden

Aa #E78686 auf #86D378 1,42:1 Nicht bestanden

Aa #EEE19F auf #86D378 1,37:1 Nicht bestanden

Aa #FDFDFD auf #EEE19F 1,30:1 Nicht bestanden

Aa #8EDEFF auf #86D378 1,21:1 Nicht bestanden

Aa #F7BEF7 auf #86D378 1,18:1 Nicht bestanden

Aa #F7BEF7 auf #EEE19F 1,16:1 Nicht bestanden

Aa #EEE19F auf #8EDEFF 1,13:1 Nicht bestanden

Aa #F7BEF7 auf #8EDEFF 1,03:1 Nicht bestanden

ExpandedDreamland