SPACE DUST 9

Palette mit 9 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

SPACE DUST 9

Palette mit 9 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 9 Farben Kühl Gemischt Komplementär red purple cyan space

Likes 13

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #302C2E;
  --c-earthy-2: #5A5353;
  --c-earthy-3: #DFF6F5;
  --c-earthy-4: #8AEBF1;
  --c-earthy-5: #8E478C;
  --c-earthy-6: #564064;
  --c-earthy-7: #39314B;
  --c-earthy-8: #E6482E;
  --c-earthy-9: #A93B3B;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Frosty Mint (#DFF6F5) bis zum dunkelsten Ton Deep Daichi Black (#302C2E). Sie vereint Deep Daichi Black, Bittersweet Molasses, Frosty Mint, Bath Water, Pickled Plum, When Blue Met Red, Chrysomela Goettingensis, Tomato Curry und Indiscreet in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #302C2E auf #DFF6F5 mit 12,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

Deep Daichi Black #302C2E

RGB: rgb(48, 44, 46)
HSL: hsl(330, 4%, 18%)
Luminanz: 0,026

Bittersweet Molasses #5A5353

RGB: rgb(90, 83, 83)
HSL: hsl(0, 4%, 34%)
Luminanz: 0,090

Frosty Mint #DFF6F5

RGB: rgb(223, 246, 245)
HSL: hsl(177, 56%, 92%)
Luminanz: 0,882

Bath Water #8AEBF1

RGB: rgb(138, 235, 241)
HSL: hsl(183, 79%, 74%)
Luminanz: 0,712

Pickled Plum #8E478C

RGB: rgb(142, 71, 140)
HSL: hsl(302, 33%, 42%)
Luminanz: 0,122

When Blue Met Red #564064

RGB: rgb(86, 64, 100)
HSL: hsl(277, 22%, 32%)
Luminanz: 0,066

Chrysomela Goettingensis #39314B

RGB: rgb(57, 49, 75)
HSL: hsl(258, 21%, 24%)
Luminanz: 0,036

Tomato Curry #E6482E

RGB: rgb(230, 72, 46)
HSL: hsl(8, 79%, 54%)
Luminanz: 0,217

Indiscreet #A93B3B

RGB: rgb(169, 59, 59)
HSL: hsl(0, 48%, 45%)
Luminanz: 0,119

Kontrast & Barrierefreiheit

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

Aa #302C2E auf #DFF6F5 12,22:1 AAA

Aa #DFF6F5 auf #39314B 10,87:1 AAA

Aa #302C2E auf #8AEBF1 9,99:1 AAA

Aa #8AEBF1 auf #39314B 8,88:1 AAA

Aa #DFF6F5 auf #564064 8,06:1 AAA

Aa #5A5353 auf #DFF6F5 6,66:1 AA

Aa #8AEBF1 auf #564064 6,59:1 AA

Aa #DFF6F5 auf #A93B3B 5,52:1 AA

Aa #5A5353 auf #8AEBF1 5,45:1 AA

Aa #DFF6F5 auf #8E478C 5,43:1 AA

Aa #8AEBF1 auf #A93B3B 4,51:1 AA

Aa #8AEBF1 auf #8E478C 4,44:1 AA (großer Text)

Aa #DFF6F5 auf #E6482E 3,50:1 AA (großer Text)

Aa #302C2E auf #E6482E 3,49:1 AA (großer Text)

Aa #39314B auf #E6482E 3,11:1 AA (großer Text)

Aa #8AEBF1 auf #E6482E 2,86:1 Nicht bestanden

Aa #564064 auf #E6482E 2,30:1 Nicht bestanden

Aa #302C2E auf #8E478C 2,25:1 Nicht bestanden

Aa #302C2E auf #A93B3B 2,21:1 Nicht bestanden

Aa #8E478C auf #39314B 2,00:1 Nicht bestanden

Aa #39314B auf #A93B3B 1,97:1 Nicht bestanden

Aa #5A5353 auf #E6482E 1,91:1 Nicht bestanden

Aa #302C2E auf #5A5353 1,83:1 Nicht bestanden

Aa #5A5353 auf #39314B 1,63:1 Nicht bestanden

Aa #E6482E auf #A93B3B 1,58:1 Nicht bestanden

Aa #8E478C auf #E6482E 1,55:1 Nicht bestanden

Aa #302C2E auf #564064 1,52:1 Nicht bestanden

Aa #8E478C auf #564064 1,48:1 Nicht bestanden

Aa #564064 auf #A93B3B 1,46:1 Nicht bestanden

Aa #564064 auf #39314B 1,35:1 Nicht bestanden

Aa #5A5353 auf #8E478C 1,23:1 Nicht bestanden

Aa #DFF6F5 auf #8AEBF1 1,22:1 Nicht bestanden

Aa #5A5353 auf #564064 1,21:1 Nicht bestanden

Aa #5A5353 auf #A93B3B 1,21:1 Nicht bestanden

Aa #302C2E auf #39314B 1,12:1 Nicht bestanden

Aa #8E478C auf #A93B3B 1,02:1 Nicht bestanden

SPACE DUST 9

SPACE DUST 9

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen