Hergestellt in 08/05/2022 12:38
Mobile design onboarding screen ui step-by-step colours
- Ripe Mango#fac329
- Caramel#fadd99
- St. Patrick's Blue#222976
- Rose Quartz Pink#a9549a
- Blue Bell#a39ac9
- Cyber Grape#54447c
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Ripe Mango #fac329 und St. Patrick's Blue #222976. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #222976 (dunkelstes) bis #FADD99 (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung liegt im mittleren Bereich.
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #222976, #54447C, #A39AC9, #A9549A, #FAC329, #FADD99
Die Palette Mobile design onboarding screen ui step-by-step colours enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #fac329, RGB: (250, 195, 41); VERHEXEN: #fadd99, RGB: (250, 221, 153); VERHEXEN: #222976, RGB: (34, 41, 118)
VERHEXEN: #a9549a, RGB: (169, 84, 154); VERHEXEN: #a39ac9, RGB: (163, 154, 201); VERHEXEN: #54447c, RGB: (84, 68, 124)
Vereinfachte Version der Palettenfarben
Farbton von gold, Farbton von moccasin, Schatten von midnightblue, Schatten von mediumvioletred, Farbton von plum, Schatten von darkslateblue
Farbschema wurde erstellt von colorswall
Farbcodes in der Palette
Mobile design onboarding screen ui step-by-step colours Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #fac329 | #fac329 | RGB(250, 195, 41) | Ripe Mango | — |
| #fadd99 | #fadd99 | RGB(250, 221, 153) | Caramel | — |
| #222976 | #222976 | RGB(34, 41, 118) | St. Patrick's Blue | — |
| #a9549a | #a9549a | RGB(169, 84, 154) | Rose Quartz Pink | — |
| #a39ac9 | #a39ac9 | RGB(163, 154, 201) | Blue Bell | — |
| #54447c | #54447c | RGB(84, 68, 124) | Cyber Grape | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#fac329 | #fadd99 | 1.22 |
#fac329 | #a39ac9 | 1.6 |
#fadd99 | #a39ac9 | 1.97 |
#222976 | #54447c | 1.51 |
#a9549a | #a39ac9 | 1.81 |
#a9549a | #54447c | 1.77 |
Bildpalette Mobile design onboarding screen ui step-by-step colours png
Palette exportieren
Laden Sie die "Mobile design onboarding screen ui step-by-step colours" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: