Hergestellt in 04/29/2021 16:09
Material Design Color Palette (nº16)
deep-orange lighten-5
#fbe9e7
deep-orange lighten-4
#ffccbc
deep-orange lighten-3
#ffab91
deep-orange lighten-2
#ff8a65
deep-orange lighten-1
#ff7043
deep-orange
#ff5722
deep-orange darken-1
#f4511e
deep-orange darken-2
#e64a19
deep-orange darken-3
#d84315
deep-orange darken-4
#bf360c
deep-orange accent-1
#ff9e80
deep-orange accent-2
#ff6e40
deep-orange accent-3
#ff3d00
deep-orange accent-4
#dd2c00
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben deep-orange lighten-4 #ffccbc und deep-orange lighten-3 #ffab91. Palette hat Farbtemperatur Neutral, Warm.
Die Palette Material Design Color Palette (nº16) enthält eine Kombination aus 14-Codefarben:
VERHEXEN: #fbe9e7, RGB: (251, 233, 231); VERHEXEN: #ffccbc, RGB: (255, 204, 188); VERHEXEN: #ffab91, RGB: (255, 171, 145)
VERHEXEN: #ff8a65, RGB: (255, 138, 101); VERHEXEN: #ff7043, RGB: (255, 112, 67); VERHEXEN: #ff5722, RGB: (255, 87, 34)
VERHEXEN: #f4511e, RGB: (244, 81, 30); VERHEXEN: #e64a19, RGB: (230, 74, 25); VERHEXEN: #d84315, RGB: (216, 67, 21)
VERHEXEN: #bf360c, RGB: (191, 54, 12); VERHEXEN: #ff9e80, RGB: (255, 158, 128); VERHEXEN: #ff6e40, RGB: (255, 110, 64)
VERHEXEN: #ff3d00, RGB: (255, 61, 0); VERHEXEN: #dd2c00, RGB: (221, 44, 0)
Vereinfachte Version der Palettenfarben
Schatten von mistyrose, Farbton von mistyrose, Schatten von lightsalmon, Schatten von coral, Farbton von coral, Schatten von orangered, Schatten von orangered, Farbton von orangered, Schatten von Rot, Schatten von firebrick, Farbton von lightsalmon, Farbton von coral, Farbton von orangered, Schatten von Rot
Farbschema wurde erstellt von MyPalettes
Farbcodes in der Palette
Material Design Color Palette (nº16) Farbcodes HEX, RGB-Informationen in der Tabelle
Farbe | VERHEXEN | RGB | Name | alternativer Name |
#fbe9e7 | RGB(251, 233, 231) | deep-orange lighten-5 | — | |
#ffccbc | RGB(255, 204, 188) | deep-orange lighten-4 | — | |
#ffab91 | RGB(255, 171, 145) | deep-orange lighten-3 | — | |
#ff8a65 | RGB(255, 138, 101) | deep-orange lighten-2 | — | |
#ff7043 | RGB(255, 112, 67) | deep-orange lighten-1 | — | |
#ff5722 | RGB(255, 87, 34) | deep-orange | — | |
#f4511e | RGB(244, 81, 30) | deep-orange darken-1 | — | |
#e64a19 | RGB(230, 74, 25) | deep-orange darken-2 | — | |
#d84315 | RGB(216, 67, 21) | deep-orange darken-3 | — | |
#bf360c | RGB(191, 54, 12) | deep-orange darken-4 | — | |
#ff9e80 | RGB(255, 158, 128) | deep-orange accent-1 | — | |
#ff6e40 | RGB(255, 110, 64) | deep-orange accent-2 | — | |
#ff3d00 | RGB(255, 61, 0) | deep-orange accent-3 | — | |
#dd2c00 | RGB(221, 44, 0) | deep-orange accent-4 | — |
Farbpalette Kontrast
64 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur | Achtergrond kleur | contrast ratio |
#fbe9e7 | #ffccbc | 1.22 |
#fbe9e7 | #ffab91 | 1.55 |
#fbe9e7 | #ff8a65 | 1.97 |
#fbe9e7 | #ff9e80 | 1.71 |
#ffccbc | #ffab91 | 1.27 |
#ffccbc | #ff8a65 | 1.61 |