Hergestellt in 03/03/2020 13:25
  0.24k

React uidesign icons material colors palette

  • #436cf3
  • #84a0f2
  • #07237c
  • #a58c5b
  • #d1c0a0
  • #4e6c7d
Loading...
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben #07237c und #d1c0a0. Palette hat Farbtemperatur Kalt, Warm.

Nach Helligkeit reicht diese Palette von #07237C (dunkelstes) bis #84A0F2 (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): #07237C, #436CF3, #4E6C7D, #84A0F2, #A58C5B, #D1C0A0

Die Palette React uidesign icons material colors palette enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #436cf3, RGB: (67, 108, 243); VERHEXEN: #84a0f2, RGB: (132, 160, 242); VERHEXEN: #07237c, RGB: (7, 35, 124)
VERHEXEN: #a58c5b, RGB: (165, 140, 91); VERHEXEN: #d1c0a0, RGB: (209, 192, 160); VERHEXEN: #4e6c7d, RGB: (78, 108, 125)
Vereinfachte Version der Palettenfarben
Schatten von royalblue, Schatten von cornflowerblue, Schatten von midnightblue, Schatten von darkgoldenrod, Schatten von tan, Farbton von slategrey
Farbschema wurde erstellt von colorswall

Farbcodes in der Palette

React uidesign icons material colors palette Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#436cf3 #436cf3 RGB(67, 108, 243)
#84a0f2 #84a0f2 RGB(132, 160, 242)
#07237c #07237c RGB(7, 35, 124)
#a58c5b #a58c5b RGB(165, 140, 91)
#d1c0a0 #d1c0a0 RGB(209, 192, 160)
#4e6c7d #4e6c7d RGB(78, 108, 125)

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
#436cf3
#84a0f2
1.77
#436cf3
#a58c5b
1.38
#436cf3
#4e6c7d
1.24
#84a0f2
#a58c5b
1.27
#84a0f2
#d1c0a0
1.41
#a58c5b
#d1c0a0
1.8

Bildpalette React uidesign icons material colors palette png

Loading...
Loading...