Pollen8

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

Zurück zur Bibliothek

Pollen8

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär artist conker

Likes 1.181

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #73464C;
  --c-vibrant-2: #AB5675;
  --c-vibrant-3: #EE6A7C;
  --c-vibrant-4: #FFA7A5;
  --c-vibrant-5: #FFE07E;
  --c-vibrant-6: #FFE7D6;
  --c-vibrant-7: #72DCBB;
  --c-vibrant-8: #34ACBA;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Mood Lighting (#FFE7D6) bis zum dunkelsten Ton Formal Maroon (#73464C). Sie vereint Formal Maroon, Malaga, Ambitious Rose, Upstream Salmon, Broadway Lights, Mood Lighting, Beryl und Explore Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #73464C auf #FFE7D6 mit 6,52:1.

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

Farben im Detail

Formal Maroon #73464C

RGB: rgb(115, 70, 76)
HSL: hsl(352, 24%, 36%)
Luminanz: 0,086

Malaga #AB5675

RGB: rgb(171, 86, 117)
HSL: hsl(338, 34%, 50%)
Luminanz: 0,166

Ambitious Rose #EE6A7C

RGB: rgb(238, 106, 124)
HSL: hsl(352, 80%, 67%)
Luminanz: 0,299

Upstream Salmon #FFA7A5

RGB: rgb(255, 167, 165)
HSL: hsl(1, 100%, 82%)
Luminanz: 0,516

Broadway Lights #FFE07E

RGB: rgb(255, 224, 126)
HSL: hsl(46, 100%, 75%)
Luminanz: 0,761

Mood Lighting #FFE7D6

RGB: rgb(255, 231, 214)
HSL: hsl(25, 100%, 92%)
Luminanz: 0,833

Beryl #72DCBB

RGB: rgb(114, 220, 187)
HSL: hsl(161, 60%, 65%)
Luminanz: 0,584

Explore Blue #34ACBA

RGB: rgb(52, 172, 186)
HSL: hsl(186, 56%, 47%)
Luminanz: 0,338

Kontrast & Barrierefreiheit

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

Aa #73464C auf #FFE7D6 6,52:1 AA

Aa #73464C auf #FFE07E 5,98:1 AA

Aa #73464C auf #72DCBB 4,68:1 AA

Aa #73464C auf #FFA7A5 4,18:1 AA (großer Text)

Aa #AB5675 auf #FFE7D6 4,09:1 AA (großer Text)

Aa #AB5675 auf #FFE07E 3,75:1 AA (großer Text)

Aa #AB5675 auf #72DCBB 2,93:1 Nicht bestanden

Aa #73464C auf #34ACBA 2,86:1 Nicht bestanden

Aa #AB5675 auf #FFA7A5 2,62:1 Nicht bestanden

Aa #73464C auf #EE6A7C 2,58:1 Nicht bestanden

Aa #EE6A7C auf #FFE7D6 2,53:1 Nicht bestanden

Aa #EE6A7C auf #FFE07E 2,32:1 Nicht bestanden

Aa #FFE7D6 auf #34ACBA 2,28:1 Nicht bestanden

Aa #FFE07E auf #34ACBA 2,09:1 Nicht bestanden

Aa #EE6A7C auf #72DCBB 1,81:1 Nicht bestanden

Aa #AB5675 auf #34ACBA 1,80:1 Nicht bestanden

Aa #72DCBB auf #34ACBA 1,63:1 Nicht bestanden

Aa #AB5675 auf #EE6A7C 1,62:1 Nicht bestanden

Aa #EE6A7C auf #FFA7A5 1,62:1 Nicht bestanden

Aa #73464C auf #AB5675 1,59:1 Nicht bestanden

Aa #FFA7A5 auf #FFE7D6 1,56:1 Nicht bestanden

Aa #FFA7A5 auf #34ACBA 1,46:1 Nicht bestanden

Aa #FFA7A5 auf #FFE07E 1,43:1 Nicht bestanden

Aa #FFE7D6 auf #72DCBB 1,39:1 Nicht bestanden

Aa #FFE07E auf #72DCBB 1,28:1 Nicht bestanden

Aa #FFA7A5 auf #72DCBB 1,12:1 Nicht bestanden

Aa #EE6A7C auf #34ACBA 1,11:1 Nicht bestanden

Aa #FFE07E auf #FFE7D6 1,09:1 Nicht bestanden

Pollen8

Pollen8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen