Startseite Farbpaletten Stamp Collection

Stamp Collection

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

Zurück zur Bibliothek

Stamp Collection

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

Bearbeiten

Gedeckt 10 Farben Kühl Gemischt Komplementär pixelart green pink red

Likes 31

Farben 10

CSS-Variablen

:root {
  --c-muted-1: #221F32;
  --c-muted-2: #E5EBEA;
  --c-muted-3: #99CB78;
  --c-muted-4: #54A65E;
  --c-muted-5: #78ABCB;
  --c-muted-6: #4E88AC;
  --c-muted-7: #9B72AD;
  --c-muted-8: #804F95;
  --c-muted-9: #BA7B86;
  --c-muted-10: #A25763;
}

Über diese Palette

Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Morning Song (#E5EBEA) bis zum dunkelsten Ton Black Howl (#221F32). Sie vereint Black Howl, Morning Song, Jade Lime, Exploration Green, Mirror Lake, Cosmopolitan, Karma Chameleon, Voodoo Violet, Mauve Seductress und Beef Jerky in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #221F32 auf #E5EBEA mit 13,28:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Black Howl #221F32

RGB: rgb(34, 31, 50)
HSL: hsl(249, 23%, 16%)
Luminanz: 0,016

Morning Song #E5EBEA

RGB: rgb(229, 235, 234)
HSL: hsl(170, 13%, 91%)
Luminanz: 0,820

Jade Lime #99CB78

RGB: rgb(153, 203, 120)
HSL: hsl(96, 44%, 63%)
Luminanz: 0,508

Exploration Green #54A65E

RGB: rgb(84, 166, 94)
HSL: hsl(127, 33%, 49%)
Luminanz: 0,300

Mirror Lake #78ABCB

RGB: rgb(120, 171, 203)
HSL: hsl(203, 44%, 63%)
Luminanz: 0,374

Cosmopolitan #4E88AC

RGB: rgb(78, 136, 172)
HSL: hsl(203, 38%, 49%)
Luminanz: 0,222

Karma Chameleon #9B72AD

RGB: rgb(155, 114, 173)
HSL: hsl(282, 26%, 56%)
Luminanz: 0,220

Voodoo Violet #804F95

RGB: rgb(128, 79, 149)
HSL: hsl(282, 31%, 45%)
Luminanz: 0,124

Mauve Seductress #BA7B86

RGB: rgb(186, 123, 134)
HSL: hsl(350, 31%, 61%)
Luminanz: 0,263

Beef Jerky #A25763

RGB: rgb(162, 87, 99)
HSL: hsl(350, 30%, 49%)
Luminanz: 0,154

Kontrast & Barrierefreiheit

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

Aa #221F32 auf #E5EBEA 13,28:1 AAA

Aa #221F32 auf #99CB78 8,52:1 AAA

Aa #221F32 auf #78ABCB 6,48:1 AA

Aa #221F32 auf #54A65E 5,34:1 AA

Aa #E5EBEA auf #804F95 5,01:1 AA

Aa #221F32 auf #BA7B86 4,78:1 AA

Aa #E5EBEA auf #A25763 4,27:1 AA (großer Text)

Aa #221F32 auf #4E88AC 4,15:1 AA (großer Text)

Aa #221F32 auf #9B72AD 4,13:1 AA (großer Text)

Aa #E5EBEA auf #9B72AD 3,22:1 AA (großer Text)

Aa #99CB78 auf #804F95 3,22:1 AA (großer Text)

Aa #E5EBEA auf #4E88AC 3,20:1 AA (großer Text)

Aa #221F32 auf #A25763 3,11:1 AA (großer Text)

Aa #E5EBEA auf #BA7B86 2,78:1 Nicht bestanden

Aa #99CB78 auf #A25763 2,74:1 Nicht bestanden

Aa #221F32 auf #804F95 2,65:1 Nicht bestanden

Aa #E5EBEA auf #54A65E 2,49:1 Nicht bestanden

Aa #78ABCB auf #804F95 2,45:1 Nicht bestanden

Aa #78ABCB auf #A25763 2,08:1 Nicht bestanden

Aa #99CB78 auf #9B72AD 2,07:1 Nicht bestanden

Aa #E5EBEA auf #78ABCB 2,05:1 Nicht bestanden

Aa #99CB78 auf #4E88AC 2,05:1 Nicht bestanden

Aa #54A65E auf #804F95 2,02:1 Nicht bestanden

Aa #804F95 auf #BA7B86 1,81:1 Nicht bestanden

Aa #99CB78 auf #BA7B86 1,78:1 Nicht bestanden

Aa #54A65E auf #A25763 1,71:1 Nicht bestanden

Aa #99CB78 auf #54A65E 1,60:1 Nicht bestanden

Aa #78ABCB auf #9B72AD 1,57:1 Nicht bestanden

Aa #4E88AC auf #804F95 1,57:1 Nicht bestanden

Aa #E5EBEA auf #99CB78 1,56:1 Nicht bestanden

Aa #78ABCB auf #4E88AC 1,56:1 Nicht bestanden

Aa #9B72AD auf #804F95 1,56:1 Nicht bestanden

Aa #BA7B86 auf #A25763 1,54:1 Nicht bestanden

Aa #78ABCB auf #BA7B86 1,35:1 Nicht bestanden

Aa #4E88AC auf #A25763 1,33:1 Nicht bestanden

Aa #99CB78 auf #78ABCB 1,32:1 Nicht bestanden

Aa #9B72AD auf #A25763 1,32:1 Nicht bestanden

Aa #54A65E auf #4E88AC 1,29:1 Nicht bestanden

Aa #54A65E auf #9B72AD 1,29:1 Nicht bestanden

Aa #54A65E auf #78ABCB 1,21:1 Nicht bestanden

Aa #804F95 auf #A25763 1,18:1 Nicht bestanden

Aa #9B72AD auf #BA7B86 1,16:1 Nicht bestanden

Aa #4E88AC auf #BA7B86 1,15:1 Nicht bestanden

Aa #54A65E auf #BA7B86 1,12:1 Nicht bestanden

Aa #4E88AC auf #9B72AD 1,01:1 Nicht bestanden

Stamp Collection