Hergestellt in 12/15/2017 21:20
vonmz
  24.48k

Blue Grey palette Materialize CSS

blue-grey darken-4
#263238
blue-grey darken-3
#37474f
blue-grey darken-2
#455a64
blue-grey darken-1
#546e7a
blue-grey
#607d8b
blue-grey lighten-1
#78909c
blue-grey lighten-2
#90a4ae
blue-grey lighten-3
#b0bec5
blue-grey lighten-4
#cfd8dc
blue-grey lighten-5
#eceff1
Anmelden um die Palette in der Sammlung zu speichern
Die Palette besteht aus Dunkel, Licht, Halbdunkel-Farben. Akzentfarben blue-grey darken-4 #263238 und blue-grey darken-1 #546e7a. Palette hat Farbtemperatur Kalt, Neutral.
Die Palette Blue Grey palette Materialize CSS enthält eine Kombination aus 10-Codefarben:
VERHEXEN: #263238, RGB: (38, 50, 56); VERHEXEN: #37474f, RGB: (55, 71, 79); VERHEXEN: #455a64, RGB: (69, 90, 100)
VERHEXEN: #546e7a, RGB: (84, 110, 122); VERHEXEN: #607d8b, RGB: (96, 125, 139); VERHEXEN: #78909c, RGB: (120, 144, 156)
VERHEXEN: #90a4ae, RGB: (144, 164, 174); VERHEXEN: #b0bec5, RGB: (176, 190, 197); VERHEXEN: #cfd8dc, RGB: (207, 216, 220)
VERHEXEN: #eceff1, RGB: (236, 239, 241)
Vereinfachte Version der Palettenfarben
Farbton von darkslategrey, Farbton von darkslategrey, Schatten von darkslategrey, Farbton von slategrey, Farbton von slategrey, Schatten von lightslategrey, Farbton von darkgrey, Farbton von Silber, Schatten von lightgrey, Farbton von whitesmoke
Farbschema wurde erstellt von mz

Farbcodes in der Palette

Blue Grey palette Materialize CSS Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#263238 RGB(38, 50, 56)blue-grey darken-4
#37474f RGB(55, 71, 79)blue-grey darken-3
#455a64 RGB(69, 90, 100)blue-grey darken-2
#546e7a RGB(84, 110, 122)blue-grey darken-1
#607d8b RGB(96, 125, 139)blue-grey
#78909c RGB(120, 144, 156)blue-grey lighten-1
#90a4ae RGB(144, 164, 174)blue-grey lighten-2
#b0bec5 RGB(176, 190, 197)blue-grey lighten-3Ocean Drive
#cfd8dc RGB(207, 216, 220)blue-grey lighten-4
#eceff1 RGB(236, 239, 241)blue-grey lighten-5

Farbpalette Kontrast

17 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#263238
#37474f
1.36
#263238
#455a64
1.81
#37474f
#455a64
1.33
#37474f
#546e7a
1.78
#455a64
#546e7a
1.34
#455a64
#607d8b
1.65

Bildpalette Blue Grey palette Materialize CSS png

Palettenfarben: Wie benutzt man?

Klicken Sie auf eine beliebige Farbe, um sie hinzuzufügen Palette
Schnelle Palette
Maximal 10 Paletten Vergleichen
Wie benutzt man?
Klicken Sie auf das Symbol „Vergleichen“. um eine Palette hinzuzufügen Listenpaletten vergleichen
Vergleichen Sie Paletten