Loading...
Hergestellt in 08/23/2021 08:22
  0.21k

Landingpage web design uidesign healthcare hex colors

  • #3c94f8
  • #7db4e7
  • #1c3f74
  • #536e98
  • #cbbba2
  • #334f77
Loading...
Die Palette besteht aus Licht-Farben. Akzentfarben #3c94f8 und #cbbba2. Palette hat Farbtemperatur Kalt, Warm.

Nach Helligkeit reicht diese Palette von #1C3F74 (dunkelstes) bis #CBBBA2 (hellstes). Die Helligkeitsspanne ist moderat.

Die Sättigung liegt im mittleren Bereich.

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): #1C3F74, #334F77, #3C94F8, #536E98, #7DB4E7, #CBBBA2

Die Palette Landingpage web design uidesign healthcare hex colors enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #3c94f8, RGB: (60, 148, 248); VERHEXEN: #7db4e7, RGB: (125, 180, 231); VERHEXEN: #1c3f74, RGB: (28, 63, 116)
VERHEXEN: #536e98, RGB: (83, 110, 152); VERHEXEN: #cbbba2, RGB: (203, 187, 162); VERHEXEN: #334f77, RGB: (51, 79, 119)
Vereinfachte Version der Palettenfarben
Schatten von dodgerblue, Farbton von lightskyblue, Farbton von darkslateblue, Farbton von royalblue, Schatten von tan, Schatten von darkslateblue
Farbschema wurde erstellt von colorswall

Farbcodes in der Palette

Landingpage web design uidesign healthcare hex colors Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#3c94f8 #3c94f8 RGB(60, 148, 248)
#7db4e7 #7db4e7 RGB(125, 180, 231)
#1c3f74 #1c3f74 RGB(28, 63, 116)
#536e98 #536e98 RGB(83, 110, 152)
#cbbba2 #cbbba2 RGB(203, 187, 162)
#334f77 #334f77 RGB(51, 79, 119)

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
#3c94f8
#7db4e7
1.4
#3c94f8
#536e98
1.67
#3c94f8
#cbbba2
1.64
#7db4e7
#cbbba2
1.16
#1c3f74
#334f77
1.25
#536e98
#334f77
1.6

Bildpalette Landingpage web design uidesign healthcare hex colors png

Loading...
Loading...
Loading...