Sea Sorcerer

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

Zurück zur Bibliothek

Sea Sorcerer

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

Bearbeiten

Erdig 9 Farben Neutral Gemischt Komplementär 9 basic marine n0ice

Likes 12

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #242424;
  --c-earthy-2: #DBDBDB;
  --c-earthy-3: #B6B6B6;
  --c-earthy-4: #4992FF;
  --c-earthy-5: #249292;
  --c-earthy-6: #926DB6;
  --c-earthy-7: #DB6D6D;
  --c-earthy-8: #DB9224;
  --c-earthy-9: #DBDB24;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Porpoise (#DBDBDB) bis zum dunkelsten Ton Verified Black (#242424). Sie vereint Verified Black, Porpoise, Wolfram, Polar Glow, Fish Story, Violet Frog, Native Berry, Buttercup und Poisonous Ice Cream in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #242424 auf #DBDBDB mit 11,21: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

Verified Black #242424

RGB: rgb(36, 36, 36)
HSL: hsl(0, 0%, 14%)
Luminanz: 0,018

Porpoise #DBDBDB

RGB: rgb(219, 219, 219)
HSL: hsl(0, 0%, 86%)
Luminanz: 0,708

Wolfram #B6B6B6

RGB: rgb(182, 182, 182)
HSL: hsl(0, 0%, 71%)
Luminanz: 0,468

Polar Glow #4992FF

RGB: rgb(73, 146, 255)
HSL: hsl(216, 100%, 64%)
Luminanz: 0,292

Fish Story #249292

RGB: rgb(36, 146, 146)
HSL: hsl(180, 60%, 36%)
Luminanz: 0,230

Violet Frog #926DB6

RGB: rgb(146, 109, 182)
HSL: hsl(270, 33%, 57%)
Luminanz: 0,204

Native Berry #DB6D6D

RGB: rgb(219, 109, 109)
HSL: hsl(0, 60%, 64%)
Luminanz: 0,271

Buttercup #DB9224

RGB: rgb(219, 146, 36)
HSL: hsl(36, 72%, 50%)
Luminanz: 0,358

Poisonous Ice Cream #DBDB24

RGB: rgb(219, 219, 36)
HSL: hsl(60, 72%, 50%)
Luminanz: 0,659

Kontrast & Barrierefreiheit

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

Aa #242424 auf #DBDBDB 11,21:1 AAA

Aa #242424 auf #DBDB24 10,47:1 AAA

Aa #242424 auf #B6B6B6 7,65:1 AAA

Aa #242424 auf #DB9224 6,02:1 AA

Aa #242424 auf #4992FF 5,06:1 AA

Aa #242424 auf #DB6D6D 4,75:1 AA

Aa #242424 auf #249292 4,14:1 AA (großer Text)

Aa #242424 auf #926DB6 3,76:1 AA (großer Text)

Aa #DBDBDB auf #926DB6 2,98:1 Nicht bestanden

Aa #926DB6 auf #DBDB24 2,79:1 Nicht bestanden

Aa #DBDBDB auf #249292 2,71:1 Nicht bestanden

Aa #249292 auf #DBDB24 2,53:1 Nicht bestanden

Aa #DBDBDB auf #DB6D6D 2,36:1 Nicht bestanden

Aa #DBDBDB auf #4992FF 2,22:1 Nicht bestanden

Aa #DB6D6D auf #DBDB24 2,21:1 Nicht bestanden

Aa #4992FF auf #DBDB24 2,07:1 Nicht bestanden

Aa #B6B6B6 auf #926DB6 2,04:1 Nicht bestanden

Aa #DBDBDB auf #DB9224 1,86:1 Nicht bestanden

Aa #B6B6B6 auf #249292 1,85:1 Nicht bestanden

Aa #DB9224 auf #DBDB24 1,74:1 Nicht bestanden

Aa #B6B6B6 auf #DB6D6D 1,61:1 Nicht bestanden

Aa #926DB6 auf #DB9224 1,60:1 Nicht bestanden

Aa #B6B6B6 auf #4992FF 1,51:1 Nicht bestanden

Aa #DBDBDB auf #B6B6B6 1,46:1 Nicht bestanden

Aa #249292 auf #DB9224 1,45:1 Nicht bestanden

Aa #B6B6B6 auf #DBDB24 1,37:1 Nicht bestanden

Aa #4992FF auf #926DB6 1,34:1 Nicht bestanden

Aa #B6B6B6 auf #DB9224 1,27:1 Nicht bestanden

Aa #DB6D6D auf #DB9224 1,27:1 Nicht bestanden

Aa #926DB6 auf #DB6D6D 1,26:1 Nicht bestanden

Aa #4992FF auf #249292 1,22:1 Nicht bestanden

Aa #4992FF auf #DB9224 1,19:1 Nicht bestanden

Aa #249292 auf #DB6D6D 1,15:1 Nicht bestanden

Aa #249292 auf #926DB6 1,10:1 Nicht bestanden

Aa #DBDBDB auf #DBDB24 1,07:1 Nicht bestanden

Aa #4992FF auf #DB6D6D 1,07:1 Nicht bestanden

Sea Sorcerer

Sea Sorcerer

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen