Loading...
Hergestellt in 04/04/2023 20:22
Ui product design vector app palette
- Blue-Green#1f97ae
- Pastel Pink#dfaaa6
- Caput Mortuum#5f221d
- Dark Chestnut#9c6b62
- Khaki (HTML/CSS)#c2a592
- Charcoal#313d58
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Blue-Green #1f97ae und Caput Mortuum #5f221d. Palette hat Farbtemperatur Kalt, Warm.
Nach Helligkeit reicht diese Palette von #5F221D (dunkelstes) bis #DFAAA6 (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur warmen Seite.
HEX-Codes (sortiert): #1F97AE, #313D58, #5F221D, #9C6B62, #C2A592, #DFAAA6
Die Palette Ui product design vector app palette enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #1f97ae, RGB: (31, 151, 174); VERHEXEN: #dfaaa6, RGB: (223, 170, 166); VERHEXEN: #5f221d, RGB: (95, 34, 29)
VERHEXEN: #9c6b62, RGB: (156, 107, 98); VERHEXEN: #c2a592, RGB: (194, 165, 146); VERHEXEN: #313d58, RGB: (49, 61, 88)
Vereinfachte Version der Palettenfarben
Farbton von cadetblue, Schatten von rosybrown, Schatten von Kastanienbraun, Farbton von indianred, Farbton von tan, Farbton von darkslateblue
Farbschema wurde erstellt von coolor
Mehr Paletten mit:
Farbcodes in der Palette
Ui product design vector app palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #1f97ae | #1f97ae | RGB(31, 151, 174) | Blue-Green | — |
| #dfaaa6 | #dfaaa6 | RGB(223, 170, 166) | Pastel Pink | — |
| #5f221d | #5f221d | RGB(95, 34, 29) | Caput Mortuum | — |
| #9c6b62 | #9c6b62 | RGB(156, 107, 98) | Dark Chestnut | — |
| #c2a592 | #c2a592 | RGB(194, 165, 146) | Khaki (HTML/CSS) | — |
| #313d58 | #313d58 | RGB(49, 61, 88) | Charcoal | — |
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 |
#1f97ae | #dfaaa6 | 1.71 |
#1f97ae | #9c6b62 | 1.29 |
#1f97ae | #c2a592 | 1.49 |
#dfaaa6 | #c2a592 | 1.14 |
#5f221d | #313d58 | 1.11 |
#9c6b62 | #c2a592 | 1.93 |
Bildpalette Ui product design vector app palette png
Palette exportieren
Laden Sie die "Ui product design vector app palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate:
