Soft And Cat

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Soft And Cat

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 7 Farben Warm Gemischt Triadisch warm cool desaturated 7colors

Likes 33

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #5D186B;
  --c-earthy-2: #4C1B3C;
  --c-earthy-3: #672543;
  --c-earthy-4: #832F40;
  --c-earthy-5: #C35D68;
  --c-earthy-6: #D38F72;
  --c-earthy-7: #DCDC61;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Succulent Lime (#DCDC61) bis zum dunkelsten Ton Chilli Black Red (#4C1B3C). Sie vereint New Riders of the Purple Sage, Chilli Black Red, Witch Soup, Blood Oath, Candy Drop, Nectarina und Succulent Lime in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #4C1B3C auf #DCDC61 mit 9,45: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

New Riders of the Purple Sage #5D186B

RGB: rgb(93, 24, 107)
HSL: hsl(290, 63%, 26%)
Luminanz: 0,040

Chilli Black Red #4C1B3C

RGB: rgb(76, 27, 60)
HSL: hsl(320, 48%, 20%)
Luminanz: 0,027

Witch Soup #672543

RGB: rgb(103, 37, 67)
HSL: hsl(333, 47%, 27%)
Luminanz: 0,046

Blood Oath #832F40

RGB: rgb(131, 47, 64)
HSL: hsl(348, 47%, 35%)
Luminanz: 0,072

Candy Drop #C35D68

RGB: rgb(195, 93, 104)
HSL: hsl(354, 46%, 56%)
Luminanz: 0,204

Nectarina #D38F72

RGB: rgb(211, 143, 114)
HSL: hsl(18, 52%, 64%)
Luminanz: 0,347

Succulent Lime #DCDC61

RGB: rgb(220, 220, 97)
HSL: hsl(60, 64%, 62%)
Luminanz: 0,673

Kontrast & Barrierefreiheit

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

Aa #4C1B3C auf #DCDC61 9,45:1 AAA

Aa #5D186B auf #DCDC61 7,99:1 AAA

Aa #672543 auf #DCDC61 7,52:1 AAA

Aa #832F40 auf #DCDC61 5,91:1 AA

Aa #4C1B3C auf #D38F72 5,19:1 AA

Aa #5D186B auf #D38F72 4,39:1 AA (großer Text)

Aa #672543 auf #D38F72 4,13:1 AA (großer Text)

Aa #4C1B3C auf #C35D68 3,33:1 AA (großer Text)

Aa #832F40 auf #D38F72 3,25:1 AA (großer Text)

Aa #C35D68 auf #DCDC61 2,84:1 Nicht bestanden

Aa #5D186B auf #C35D68 2,81:1 Nicht bestanden

Aa #672543 auf #C35D68 2,65:1 Nicht bestanden

Aa #832F40 auf #C35D68 2,08:1 Nicht bestanden

Aa #D38F72 auf #DCDC61 1,82:1 Nicht bestanden

Aa #4C1B3C auf #832F40 1,60:1 Nicht bestanden

Aa #C35D68 auf #D38F72 1,56:1 Nicht bestanden

Aa #5D186B auf #832F40 1,35:1 Nicht bestanden

Aa #672543 auf #832F40 1,27:1 Nicht bestanden

Aa #4C1B3C auf #672543 1,26:1 Nicht bestanden

Aa #5D186B auf #4C1B3C 1,18:1 Nicht bestanden

Aa #5D186B auf #672543 1,06:1 Nicht bestanden

Soft And Cat

Soft And Cat

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen