Website ux interface branding colors
- Mango Tango#f68242
- Very Light Tangelo#f8ab80
- Japanese Indigo#1c4c4c
- Rackley#64869b
- Dust Storm#dcd1c0
- Dark Slate Gray#2d5b55
Erstellt am 11/12/2022 17:23
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben Mango Tango #f68242 und Japanese Indigo #1c4c4c. Palette hat Farbtemperatur Warm, Kalt.
Nach Helligkeit reicht diese Palette von #1C4C4C (dunkelstes) bis #DCD1C0 (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — 1 gedämpfte und 2 lebhafte von 6 Farben.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
Warme und kühle Felder sind ziemlich ausgeglichen (3 warm, 3 kühl).
HEX-Codes (sortiert): #1C4C4C, #2D5B55, #64869B, #DCD1C0, #F68242, #F8AB80
Die Palette Website ux interface branding colors kombiniert 6 Farbcodes:
HEX: #f68242, RGB: (246, 130, 66); HEX: #f8ab80, RGB: (248, 171, 128); HEX: #1c4c4c, RGB: (28, 76, 76)
HEX: #64869b, RGB: (100, 134, 155); HEX: #dcd1c0, RGB: (220, 209, 192); HEX: #2d5b55, RGB: (45, 91, 85)
Vereinfachte Version der Palettenfarben
Schattierung von Koralle, Aufhellung von Helllachs, Schattierung von Dunkles Schiefergrau, Aufhellung von Schiefergrau, Schattierung von Antikweiß, Aufhellung von Dunkles Schiefergrau
Farbschema wurde erstellt von hex
Farbcodes in der Palette
Website ux interface branding colors Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #f68242 | #f68242 | RGB(246, 130, 66) | Mango Tango | — |
| #f8ab80 | #f8ab80 | RGB(248, 171, 128) | Very Light Tangelo | — |
| #1c4c4c | #1c4c4c | RGB(28, 76, 76) | Japanese Indigo | — |
| #64869b | #64869b | RGB(100, 134, 155) | Rackley | — |
| #dcd1c0 | #dcd1c0 | RGB(220, 209, 192) | Dust Storm | — |
| #2d5b55 | #2d5b55 | RGB(45, 91, 85) | Dark Slate Gray | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#f68242 | #f8ab80 | 1.35 |
#f68242 | #64869b | 1.5 |
#f68242 | #dcd1c0 | 1.7 |
#f8ab80 | #dcd1c0 | 1.25 |
#1c4c4c | #2d5b55 | 1.25 |
#64869b | #2d5b55 | 1.98 |
Bildpalette Website ux interface branding colors png
Palette exportieren
Laden Sie die "Website ux interface branding colors" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: