Prospecal 8

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

Zurück zur Bibliothek

Prospecal 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär general polyphorge

Likes 77

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #6DB5BA;
  --c-earthy-2: #26544C;
  --c-earthy-3: #76AA3A;
  --c-earthy-4: #FBFDBE;
  --c-earthy-5: #D23C4F;
  --c-earthy-6: #2B1328;
  --c-earthy-7: #753D38;
  --c-earthy-8: #EFAD5F;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Yellow Mana (#FBFDBE) bis zum dunkelsten Ton Dark Prom Queen (#2B1328). Sie vereint Surfer, Hornblende Green, Mamba Green, Yellow Mana, Pezzottaite, Dark Prom Queen, Florence Red und Goldfish 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 #FBFDBE auf #2B1328 mit 16,22: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

Surfer #6DB5BA

RGB: rgb(109, 181, 186)
HSL: hsl(184, 36%, 58%)
Luminanz: 0,398

Hornblende Green #26544C

RGB: rgb(38, 84, 76)
HSL: hsl(170, 38%, 24%)
Luminanz: 0,073

Mamba Green #76AA3A

RGB: rgb(118, 170, 58)
HSL: hsl(88, 49%, 45%)
Luminanz: 0,329

Yellow Mana #FBFDBE

RGB: rgb(251, 253, 190)
HSL: hsl(62, 94%, 87%)
Luminanz: 0,945

Pezzottaite #D23C4F

RGB: rgb(210, 60, 79)
HSL: hsl(352, 63%, 53%)
Luminanz: 0,175

Dark Prom Queen #2B1328

RGB: rgb(43, 19, 40)
HSL: hsl(308, 39%, 12%)
Luminanz: 0,011

Florence Red #753D38

RGB: rgb(117, 61, 56)
HSL: hsl(5, 35%, 34%)
Luminanz: 0,074

Goldfish #EFAD5F

RGB: rgb(239, 173, 95)
HSL: hsl(33, 82%, 65%)
Luminanz: 0,491

Kontrast & Barrierefreiheit

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

Aa #FBFDBE auf #2B1328 16,22:1 AAA

Aa #2B1328 auf #EFAD5F 8,82:1 AAA

Aa #26544C auf #FBFDBE 8,10:1 AAA

Aa #FBFDBE auf #753D38 8,02:1 AAA

Aa #6DB5BA auf #2B1328 7,31:1 AAA

Aa #76AA3A auf #2B1328 6,18:1 AA

Aa #FBFDBE auf #D23C4F 4,42:1 AA (großer Text)

Aa #26544C auf #EFAD5F 4,40:1 AA (großer Text)

Aa #753D38 auf #EFAD5F 4,36:1 AA (großer Text)

Aa #D23C4F auf #2B1328 3,67:1 AA (großer Text)

Aa #6DB5BA auf #26544C 3,65:1 AA (großer Text)

Aa #6DB5BA auf #753D38 3,62:1 AA (großer Text)

Aa #26544C auf #76AA3A 3,09:1 AA (großer Text)

Aa #76AA3A auf #753D38 3,06:1 AA (großer Text)

Aa #76AA3A auf #FBFDBE 2,62:1 Nicht bestanden

Aa #D23C4F auf #EFAD5F 2,40:1 Nicht bestanden

Aa #6DB5BA auf #FBFDBE 2,22:1 Nicht bestanden

Aa #2B1328 auf #753D38 2,02:1 Nicht bestanden

Aa #26544C auf #2B1328 2,00:1 Nicht bestanden

Aa #6DB5BA auf #D23C4F 1,99:1 Nicht bestanden

Aa #FBFDBE auf #EFAD5F 1,84:1 Nicht bestanden

Aa #26544C auf #D23C4F 1,83:1 Nicht bestanden

Aa #D23C4F auf #753D38 1,81:1 Nicht bestanden

Aa #76AA3A auf #D23C4F 1,68:1 Nicht bestanden

Aa #76AA3A auf #EFAD5F 1,43:1 Nicht bestanden

Aa #6DB5BA auf #EFAD5F 1,21:1 Nicht bestanden

Aa #6DB5BA auf #76AA3A 1,18:1 Nicht bestanden

Aa #26544C auf #753D38 1,01:1 Nicht bestanden

Prospecal 8

Prospecal 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen