Nyx8

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

Zurück zur Bibliothek

Nyx8

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

Bearbeiten

Erdig 8 Farben Neutral Gemischt Komplementär artist monochrome

Likes 1.752

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #08141E;
  --c-earthy-2: #0F2A3F;
  --c-earthy-3: #20394F;
  --c-earthy-4: #F6D6BD;
  --c-earthy-5: #C3A38A;
  --c-earthy-6: #997577;
  --c-earthy-7: #816271;
  --c-earthy-8: #4E495F;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Fresh Baked Bread (#F6D6BD) bis zum dunkelsten Ton Midnight Edition (#08141E). Sie vereint Midnight Edition, NATO Blue, Subterranean River, Fresh Baked Bread, Light Ash Brown, March Pink, Majestic Plum und Violet Shadow in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #08141E auf #F6D6BD mit 13,53: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

Midnight Edition #08141E

RGB: rgb(8, 20, 30)
HSL: hsl(207, 58%, 7%)
Luminanz: 0,007

NATO Blue #0F2A3F

RGB: rgb(15, 42, 63)
HSL: hsl(206, 62%, 15%)
Luminanz: 0,021

Subterranean River #20394F

RGB: rgb(32, 57, 79)
HSL: hsl(208, 42%, 22%)
Luminanz: 0,038

Fresh Baked Bread #F6D6BD

RGB: rgb(246, 214, 189)
HSL: hsl(26, 76%, 85%)
Luminanz: 0,714

Light Ash Brown #C3A38A

RGB: rgb(195, 163, 138)
HSL: hsl(26, 32%, 65%)
Luminanz: 0,396

March Pink #997577

RGB: rgb(153, 117, 119)
HSL: hsl(357, 15%, 53%)
Luminanz: 0,208

Majestic Plum #816271

RGB: rgb(129, 98, 113)
HSL: hsl(331, 14%, 45%)
Luminanz: 0,146

Violet Shadow #4E495F

RGB: rgb(78, 73, 95)
HSL: hsl(254, 13%, 33%)
Luminanz: 0,072

Kontrast & Barrierefreiheit

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

Aa #08141E auf #F6D6BD 13,53:1 AAA

Aa #0F2A3F auf #F6D6BD 10,73:1 AAA

Aa #20394F auf #F6D6BD 8,68:1 AAA

Aa #08141E auf #C3A38A 7,91:1 AAA

Aa #0F2A3F auf #C3A38A 6,27:1 AA

Aa #F6D6BD auf #4E495F 6,25:1 AA

Aa #20394F auf #C3A38A 5,07:1 AA

Aa #08141E auf #997577 4,57:1 AA

Aa #F6D6BD auf #816271 3,90:1 AA (großer Text)

Aa #C3A38A auf #4E495F 3,66:1 AA (großer Text)

Aa #0F2A3F auf #997577 3,63:1 AA (großer Text)

Aa #08141E auf #816271 3,47:1 AA (großer Text)

Aa #F6D6BD auf #997577 2,96:1 Nicht bestanden

Aa #20394F auf #997577 2,94:1 Nicht bestanden

Aa #0F2A3F auf #816271 2,75:1 Nicht bestanden

Aa #C3A38A auf #816271 2,28:1 Nicht bestanden

Aa #20394F auf #816271 2,23:1 Nicht bestanden

Aa #08141E auf #4E495F 2,16:1 Nicht bestanden

Aa #997577 auf #4E495F 2,12:1 Nicht bestanden

Aa #C3A38A auf #997577 1,73:1 Nicht bestanden

Aa #0F2A3F auf #4E495F 1,72:1 Nicht bestanden

Aa #F6D6BD auf #C3A38A 1,71:1 Nicht bestanden

Aa #816271 auf #4E495F 1,60:1 Nicht bestanden

Aa #08141E auf #20394F 1,56:1 Nicht bestanden

Aa #20394F auf #4E495F 1,39:1 Nicht bestanden

Aa #997577 auf #816271 1,32:1 Nicht bestanden

Aa #08141E auf #0F2A3F 1,26:1 Nicht bestanden

Aa #0F2A3F auf #20394F 1,24:1 Nicht bestanden

Nyx8

Nyx8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen