Supernova 7

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

Zurück zur Bibliothek

Supernova 7

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

Bearbeiten

Erdig 7 Farben Warm Gemischt Analog artist monoramp bluephoenix

Likes 342

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #1A080E;
  --c-earthy-2: #3D203B;
  --c-earthy-3: #543246;
  --c-earthy-4: #773A4D;
  --c-earthy-5: #A75252;
  --c-earthy-6: #CF7862;
  --c-earthy-7: #FFCE9C;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Melon Sprinkle (#FFCE9C) bis zum dunkelsten Ton Noir Fiction (#1A080E). Sie vereint Noir Fiction, Kokimurasaki Purple, Blackberry Tart, July Ruby, Red Rock, Terra Orange und Melon Sprinkle 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 #1A080E auf #FFCE9C mit 13,42: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

Noir Fiction #1A080E

RGB: rgb(26, 8, 14)
HSL: hsl(340, 53%, 7%)
Luminanz: 0,004

Kokimurasaki Purple #3D203B

RGB: rgb(61, 32, 59)
HSL: hsl(304, 31%, 18%)
Luminanz: 0,023

Blackberry Tart #543246

RGB: rgb(84, 50, 70)
HSL: hsl(325, 25%, 26%)
Luminanz: 0,046

July Ruby #773A4D

RGB: rgb(119, 58, 77)
HSL: hsl(341, 34%, 35%)
Luminanz: 0,075

Red Rock #A75252

RGB: rgb(167, 82, 82)
HSL: hsl(0, 34%, 49%)
Luminanz: 0,149

Terra Orange #CF7862

RGB: rgb(207, 120, 98)
HSL: hsl(12, 53%, 60%)
Luminanz: 0,276

Melon Sprinkle #FFCE9C

RGB: rgb(255, 206, 156)
HSL: hsl(30, 100%, 81%)
Luminanz: 0,678

Kontrast & Barrierefreiheit

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

Aa #1A080E auf #FFCE9C 13,42:1 AAA

Aa #3D203B auf #FFCE9C 9,92:1 AAA

Aa #543246 auf #FFCE9C 7,58:1 AAA

Aa #1A080E auf #CF7862 6,01:1 AA

Aa #773A4D auf #FFCE9C 5,83:1 AA

Aa #3D203B auf #CF7862 4,44:1 AA (großer Text)

Aa #A75252 auf #FFCE9C 3,67:1 AA (großer Text)

Aa #1A080E auf #A75252 3,66:1 AA (großer Text)

Aa #543246 auf #CF7862 3,39:1 AA (großer Text)

Aa #3D203B auf #A75252 2,71:1 Nicht bestanden

Aa #773A4D auf #CF7862 2,61:1 Nicht bestanden

Aa #1A080E auf #773A4D 2,30:1 Nicht bestanden

Aa #CF7862 auf #FFCE9C 2,23:1 Nicht bestanden

Aa #543246 auf #A75252 2,07:1 Nicht bestanden

Aa #1A080E auf #543246 1,77:1 Nicht bestanden

Aa #3D203B auf #773A4D 1,70:1 Nicht bestanden

Aa #A75252 auf #CF7862 1,64:1 Nicht bestanden

Aa #773A4D auf #A75252 1,59:1 Nicht bestanden

Aa #1A080E auf #3D203B 1,35:1 Nicht bestanden

Aa #3D203B auf #543246 1,31:1 Nicht bestanden

Aa #543246 auf #773A4D 1,30:1 Nicht bestanden

Supernova 7

Supernova 7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen