Hergestellt in 12/06/2022 13:12
Landing page design iconography website colors
- Meat Brown#e8a744
- Medium Slate Blue#6f71f2
- Violet (Crayola)#943c89
- Bazaar#a26f80
- Pink Lavender#ccafce
- Black Olive#3e3c40
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Meat Brown #e8a744 und Medium Slate Blue #6f71f2. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #3E3C40 (dunkelstes) bis #CCAFCE (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — 3 gedämpfte und 2 lebhafte von 6 Farben.
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur warmen Seite (2 von 6).
HEX-Codes (sortiert): #3E3C40, #6F71F2, #943C89, #A26F80, #CCAFCE, #E8A744
Die Palette Landing page design iconography website colors enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #e8a744, RGB: (232, 167, 68); VERHEXEN: #6f71f2, RGB: (111, 113, 242); VERHEXEN: #943c89, RGB: (148, 60, 137)
VERHEXEN: #a26f80, RGB: (162, 111, 128); VERHEXEN: #ccafce, RGB: (204, 175, 206); VERHEXEN: #3e3c40, RGB: (62, 60, 64)
Vereinfachte Version der Palettenfarben
Schatten von goldenrod, Schatten von mediumslateblue, Schatten von darkmagenta, Farbton von palevioletred, Farbton von thistle, Farbton von dimgrey
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
Landing page design iconography website colors Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #e8a744 | #e8a744 | RGB(232, 167, 68) | Meat Brown | — |
| #6f71f2 | #6f71f2 | RGB(111, 113, 242) | Medium Slate Blue | — |
| #943c89 | #943c89 | RGB(148, 60, 137) | Violet (Crayola) | — |
| #a26f80 | #a26f80 | RGB(162, 111, 128) | Bazaar | — |
| #ccafce | #ccafce | RGB(204, 175, 206) | Pink Lavender | — |
| #3e3c40 | #3e3c40 | RGB(62, 60, 64) | Black Olive | — |
Farbpalette Kontrast
8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
|---|---|---|
#e8a744 | #6f71f2 | 1.88 |
#e8a744 | #a26f80 | 1.96 |
#e8a744 | #ccafce | 1.05 |
#6f71f2 | #943c89 | 1.62 |
#6f71f2 | #a26f80 | 1.03 |
#6f71f2 | #ccafce | 1.99 |
Bildpalette Landing page design iconography website colors png
Palette exportieren
Laden Sie die "Landing page design iconography website colors" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: