Hergestellt in 02/26/2023 21:08
Design system product desktop forms colours
- Cerulean Blue#3c48c8
- Vista Blue#848ce4
- Indigo (Rainbow)#1d2367
- Café Au Lait#ac7c54
- Silver Sand#babcc9
- Gray#444444
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Vista Blue #848ce4 und Café Au Lait #ac7c54. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #1D2367 (dunkelstes) bis #BABCC9 (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 kalten Seite.
HEX-Codes (sortiert): #1D2367, #3C48C8, #444444, #848CE4, #AC7C54, #BABCC9
Die Palette Design system product desktop forms colours enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #3c48c8, RGB: (60, 72, 200); VERHEXEN: #848ce4, RGB: (132, 140, 228); VERHEXEN: #1d2367, RGB: (29, 35, 103)
VERHEXEN: #ac7c54, RGB: (172, 124, 84); VERHEXEN: #babcc9, RGB: (186, 188, 201); VERHEXEN: #444444, RGB: (68, 68, 68)
Vereinfachte Version der Palettenfarben
Farbton von slateblue, Schatten von cornflowerblue, Schatten von midnightblue, Farbton von peru, Farbton von Silber, Farbton von dimgrey
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
Design system product desktop forms colours Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #3c48c8 | #3c48c8 | RGB(60, 72, 200) | Cerulean Blue | — |
| #848ce4 | #848ce4 | RGB(132, 140, 228) | Vista Blue | — |
| #1d2367 | #1d2367 | RGB(29, 35, 103) | Indigo (Rainbow) | — |
| #ac7c54 | #ac7c54 | RGB(172, 124, 84) | Café Au Lait | — |
| #babcc9 | #babcc9 | RGB(186, 188, 201) | Silver Sand | — |
| #444444 | #444444 | RGB(68, 68, 68) | Gray | Goshawk Grey |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#3c48c8 | #1d2367 | 1.98 |
#3c48c8 | #ac7c54 | 1.95 |
#3c48c8 | #444444 | 1.36 |
#848ce4 | #ac7c54 | 1.18 |
#848ce4 | #babcc9 | 1.62 |
#1d2367 | #444444 | 1.44 |
Bildpalette Design system product desktop forms colours png
Palette exportieren
Laden Sie die "Design system product desktop forms colours" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: