Ui design landing page architecture blog colors palette
- Steel Blue#368cb4
- Cornflower#97d2dc
- Café Noir#4c2c1c
- Steel Teal#598094
- Dark Sky Blue#98bccc
- Royal Brown#53392b
Erstellt am 03/07/2023 13:59
Die Palette besteht aus Hell, Dunkel, Halbdunkel-Farben. Akzentfarben Steel Blue #368cb4 und Café Noir #4c2c1c. Palette hat Farbtemperatur Kalt, Warm.
Nach Helligkeit reicht diese Palette von #4C2C1C (dunkelstes) bis #97D2DC (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — 1 gedämpfte und 1 lebhafte von 6 Farben.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
In der Gesamttemperatur neigen die Felder zur kalten Seite (4 von 6).
HEX-Codes (sortiert): #368CB4, #4C2C1C, #53392B, #598094, #97D2DC, #98BCCC
Die Palette Ui design landing page architecture blog colors palette kombiniert 6 Farbcodes:
HEX: #368cb4, RGB: (54, 140, 180); HEX: #97d2dc, RGB: (151, 210, 220); HEX: #4c2c1c, RGB: (76, 44, 28)
HEX: #598094, RGB: (89, 128, 148); HEX: #98bccc, RGB: (152, 188, 204); HEX: #53392b, RGB: (83, 57, 43)
Vereinfachte Version der Palettenfarben
Aufhellung von Stahlblau, Schattierung von Puderblau, Aufhellung von Kastanienbraun, Schattierung von Schiefergrau, Schattierung von Himmelblau, Schattierung von Sattelbraun
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
Ui design landing page architecture blog colors palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #368cb4 | #368cb4 | RGB(54, 140, 180) | Steel Blue | — |
| #97d2dc | #97d2dc | RGB(151, 210, 220) | Cornflower | — |
| #4c2c1c | #4c2c1c | RGB(76, 44, 28) | Café Noir | — |
| #598094 | #598094 | RGB(89, 128, 148) | Steel Teal | — |
| #98bccc | #98bccc | RGB(152, 188, 204) | Dark Sky Blue | — |
| #53392b | #53392b | RGB(83, 57, 43) | Royal Brown | — |
Farbpalette Kontrast
4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#368cb4 | #598094 | 1.12 |
#368cb4 | #98bccc | 1.86 |
#97d2dc | #98bccc | 1.2 |
#4c2c1c | #53392b | 1.18 |
Bildpalette Ui design landing page architecture blog colors palette png
Palette exportieren
Laden Sie die "Ui design landing page architecture blog colors palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: