Krea 8

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Krea 8

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Erdig 8 Farben Warm Gemischt Analog

Likes 111

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #FDF1F2;
  --c-earthy-2: #F3C4D8;
  --c-earthy-3: #E18DCB;
  --c-earthy-4: #C760BC;
  --c-earthy-5: #B44DB7;
  --c-earthy-6: #783A8D;
  --c-earthy-7: #603B7F;
  --c-earthy-8: #2F2442;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Sefid White (#FDF1F2) bis zum dunkelsten Ton Telopea (#2F2442). Sie vereint Sefid White, Sweetheart, Firm Pink, Purple Urn Orchid, Ultraviolet Cryner, Perkin Mauve, Tillandsia Purple und Telopea 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 #FDF1F2 auf #2F2442 mit 13,11:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Sefid White #FDF1F2

RGB: rgb(253, 241, 242)
HSL: hsl(355, 75%, 97%)
Luminanz: 0,902

Sweetheart #F3C4D8

RGB: rgb(243, 196, 216)
HSL: hsl(334, 66%, 86%)
Luminanz: 0,635

Firm Pink #E18DCB

RGB: rgb(225, 141, 203)
HSL: hsl(316, 58%, 72%)
Luminanz: 0,394

Purple Urn Orchid #C760BC

RGB: rgb(199, 96, 188)
HSL: hsl(306, 48%, 58%)
Luminanz: 0,241

Ultraviolet Cryner #B44DB7

RGB: rgb(180, 77, 183)
HSL: hsl(298, 42%, 51%)
Luminanz: 0,184

Perkin Mauve #783A8D

RGB: rgb(120, 58, 141)
HSL: hsl(285, 42%, 39%)
Luminanz: 0,089

Tillandsia Purple #603B7F

RGB: rgb(96, 59, 127)
HSL: hsl(273, 37%, 36%)
Luminanz: 0,072

Telopea #2F2442

RGB: rgb(47, 36, 66)
HSL: hsl(262, 29%, 20%)
Luminanz: 0,023

Kontrast & Barrierefreiheit

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

Aa #FDF1F2 auf #2F2442 13,11:1 AAA

Aa #F3C4D8 auf #2F2442 9,43:1 AAA

Aa #FDF1F2 auf #603B7F 7,84:1 AAA

Aa #FDF1F2 auf #783A8D 6,83:1 AA

Aa #E18DCB auf #2F2442 6,11:1 AA

Aa #F3C4D8 auf #603B7F 5,64:1 AA

Aa #F3C4D8 auf #783A8D 4,91:1 AA

Aa #FDF1F2 auf #B44DB7 4,06:1 AA (großer Text)

Aa #C760BC auf #2F2442 4,01:1 AA (großer Text)

Aa #E18DCB auf #603B7F 3,65:1 AA (großer Text)

Aa #FDF1F2 auf #C760BC 3,27:1 AA (großer Text)

Aa #B44DB7 auf #2F2442 3,23:1 AA (großer Text)

Aa #E18DCB auf #783A8D 3,18:1 AA (großer Text)

Aa #F3C4D8 auf #B44DB7 2,92:1 Nicht bestanden

Aa #C760BC auf #603B7F 2,40:1 Nicht bestanden

Aa #F3C4D8 auf #C760BC 2,35:1 Nicht bestanden

Aa #FDF1F2 auf #E18DCB 2,15:1 Nicht bestanden

Aa #C760BC auf #783A8D 2,09:1 Nicht bestanden

Aa #B44DB7 auf #603B7F 1,93:1 Nicht bestanden

Aa #783A8D auf #2F2442 1,92:1 Nicht bestanden

Aa #E18DCB auf #B44DB7 1,89:1 Nicht bestanden

Aa #B44DB7 auf #783A8D 1,68:1 Nicht bestanden

Aa #603B7F auf #2F2442 1,67:1 Nicht bestanden

Aa #F3C4D8 auf #E18DCB 1,54:1 Nicht bestanden

Aa #E18DCB auf #C760BC 1,52:1 Nicht bestanden

Aa #FDF1F2 auf #F3C4D8 1,39:1 Nicht bestanden

Aa #C760BC auf #B44DB7 1,24:1 Nicht bestanden

Aa #783A8D auf #603B7F 1,15:1 Nicht bestanden

Krea 8

Krea 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen