MF 8

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

Zurück zur Bibliothek

MF 8

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär retro

Likes 30

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #FCF8EA;
  --c-vibrant-2: #FDD156;
  --c-vibrant-3: #1AC1FE;
  --c-vibrant-4: #32A75C;
  --c-vibrant-5: #E04113;
  --c-vibrant-6: #7F339A;
  --c-vibrant-7: #A7763E;
  --c-vibrant-8: #292320;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Pearl Necklace (#FCF8EA) bis zum dunkelsten Ton Orka Black (#292320). Sie vereint Pearl Necklace, Glowing Reviews, Spiro Disco Ball, Kelly Green, Tail Lights, Skeletor’s Cape, Invitation Gold und Orka Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FCF8EA auf #292320 mit 14,57:1.

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

Farben im Detail

Pearl Necklace #FCF8EA

RGB: rgb(252, 248, 234)
HSL: hsl(47, 75%, 95%)
Luminanz: 0,938

Glowing Reviews #FDD156

RGB: rgb(253, 209, 86)
HSL: hsl(44, 98%, 66%)
Luminanz: 0,672

Spiro Disco Ball #1AC1FE

RGB: rgb(26, 193, 254)
HSL: hsl(196, 99%, 55%)
Luminanz: 0,455

Kelly Green #32A75C

RGB: rgb(50, 167, 92)
HSL: hsl(142, 54%, 43%)
Luminanz: 0,291

Tail Lights #E04113

RGB: rgb(224, 65, 19)
HSL: hsl(13, 84%, 48%)
Luminanz: 0,197

Skeletor’s Cape #7F339A

RGB: rgb(127, 51, 154)
HSL: hsl(284, 50%, 40%)
Luminanz: 0,092

Invitation Gold #A7763E

RGB: rgb(167, 118, 62)
HSL: hsl(32, 46%, 45%)
Luminanz: 0,215

Orka Black #292320

RGB: rgb(41, 35, 32)
HSL: hsl(20, 12%, 14%)
Luminanz: 0,018

Kontrast & Barrierefreiheit

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

Aa #FCF8EA auf #292320 14,57:1 AAA

Aa #FDD156 auf #292320 10,65:1 AAA

Aa #1AC1FE auf #292320 7,45:1 AAA

Aa #FCF8EA auf #7F339A 6,95:1 AA

Aa #FDD156 auf #7F339A 5,08:1 AA

Aa #32A75C auf #292320 5,03:1 AA

Aa #FCF8EA auf #E04113 4,00:1 AA (großer Text)

Aa #A7763E auf #292320 3,91:1 AA (großer Text)

Aa #FCF8EA auf #A7763E 3,72:1 AA (großer Text)

Aa #E04113 auf #292320 3,64:1 AA (großer Text)

Aa #1AC1FE auf #7F339A 3,55:1 AA (großer Text)

Aa #FDD156 auf #E04113 2,92:1 Nicht bestanden

Aa #FCF8EA auf #32A75C 2,90:1 Nicht bestanden

Aa #FDD156 auf #A7763E 2,72:1 Nicht bestanden

Aa #32A75C auf #7F339A 2,40:1 Nicht bestanden

Aa #FDD156 auf #32A75C 2,12:1 Nicht bestanden

Aa #7F339A auf #292320 2,10:1 Nicht bestanden

Aa #1AC1FE auf #E04113 2,05:1 Nicht bestanden

Aa #FCF8EA auf #1AC1FE 1,96:1 Nicht bestanden

Aa #1AC1FE auf #A7763E 1,90:1 Nicht bestanden

Aa #7F339A auf #A7763E 1,87:1 Nicht bestanden

Aa #E04113 auf #7F339A 1,74:1 Nicht bestanden

Aa #1AC1FE auf #32A75C 1,48:1 Nicht bestanden

Aa #FDD156 auf #1AC1FE 1,43:1 Nicht bestanden

Aa #32A75C auf #E04113 1,38:1 Nicht bestanden

Aa #FCF8EA auf #FDD156 1,37:1 Nicht bestanden

Aa #32A75C auf #A7763E 1,29:1 Nicht bestanden

Aa #E04113 auf #A7763E 1,07:1 Nicht bestanden

MF 8

MF 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen