Hergestellt in 03/10/2023 17:48
Color product ux landing page hex colors
- Ochre#da7c25
- Gold (Crayola)#ebba8d
- Pullman Brown (UPS Brown)#644a1a
- Rackley#697da4
- Silver Pink#bdaea0
- Dark Slate Gray#31555a
Die Palette besteht aus Licht-Farben. Akzentfarben Ochre #da7c25 und Dark Slate Gray #31555a. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #644A1A (dunkelstes) bis #EBBA8D (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — 2 gedämpfte und 3 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 (3 von 6).
HEX-Codes (sortiert): #31555A, #644A1A, #697DA4, #BDAEA0, #DA7C25, #EBBA8D
Die Palette Color product ux landing page hex colors enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #da7c25, RGB: (218, 124, 37); VERHEXEN: #ebba8d, RGB: (235, 186, 141); VERHEXEN: #644a1a, RGB: (100, 74, 26)
VERHEXEN: #697da4, RGB: (105, 125, 164); VERHEXEN: #bdaea0, RGB: (189, 174, 160); VERHEXEN: #31555a, RGB: (49, 85, 90)
Vereinfachte Version der Palettenfarben
Farbton von peru, Schatten von burlywood, Farbton von saddlebrown, Farbton von slategrey, Schatten von darkgrey, Schatten von darkslategrey
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
Color product ux landing page hex colors Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #da7c25 | #da7c25 | RGB(218, 124, 37) | Ochre | — |
| #ebba8d | #ebba8d | RGB(235, 186, 141) | Gold (Crayola) | — |
| #644a1a | #644a1a | RGB(100, 74, 26) | Pullman Brown (UPS Brown) | — |
| #697da4 | #697da4 | RGB(105, 125, 164) | Rackley | — |
| #bdaea0 | #bdaea0 | RGB(189, 174, 160) | Silver Pink | — |
| #31555a | #31555a | RGB(49, 85, 90) | Dark Slate Gray | — |
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 |
|---|---|---|
#da7c25 | #ebba8d | 1.73 |
#da7c25 | #697da4 | 1.35 |
#da7c25 | #bdaea0 | 1.41 |
#ebba8d | #bdaea0 | 1.22 |
#644a1a | #697da4 | 1.99 |
#644a1a | #31555a | 1.01 |
Bildpalette Color product ux landing page hex colors png
Palette exportieren
Laden Sie die "Color product ux landing page hex colors" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: