Hergestellt in 05/06/2020 13:18
1
Blur
blue lighten-5
#e3f2fd
blue lighten-4
#bbdefb
blue lighten-3
#90caf9
blue lighten-2
#64b5f6
blue lighten-1
#42a5f5
blue
#2196f3
blue darken-1
#1e88e5
blue darken-2
#1976d2
blue darken-3
#1565c0
blue darken-4
#0d47a1
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben blue lighten-3 #90caf9 und blue lighten-1 #42a5f5. Palette hat Farbtemperatur Neutral, Kalt.
Die Palette Blur enthält eine Kombination aus 10-Codefarben:
VERHEXEN: #e3f2fd, RGB: (227, 242, 253); VERHEXEN: #bbdefb, RGB: (187, 222, 251); VERHEXEN: #90caf9, RGB: (144, 202, 249)
VERHEXEN: #64b5f6, RGB: (100, 181, 246); VERHEXEN: #42a5f5, RGB: (66, 165, 245); VERHEXEN: #2196f3, RGB: (33, 150, 243)
VERHEXEN: #1e88e5, RGB: (30, 136, 229); VERHEXEN: #1976d2, RGB: (25, 118, 210); VERHEXEN: #1565c0, RGB: (21, 101, 192)
VERHEXEN: #0d47a1, RGB: (13, 71, 161)
Vereinfachte Version der Palettenfarben
Farbton von aliceblue, Schatten von lightsteelblue, Schatten von lightskyblue, Schatten von deepskyblue, Schatten von dodgerblue, Schatten von dodgerblue, Farbton von dodgerblue, Farbton von steelblue, Farbton von royalblue, Farbton von darkslateblue
Farbschema wurde erstellt von brand2identity
Farbcodes in der Palette
Blur Farbcodes HEX, RGB-Informationen in der Tabelle
Farbe | VERHEXEN | RGB | Name | alternativer Name |
#e3f2fd | RGB(227, 242, 253) | blue lighten-5 | — | |
#bbdefb | RGB(187, 222, 251) | blue lighten-4 | — | |
#90caf9 | RGB(144, 202, 249) | blue lighten-3 | — | |
#64b5f6 | RGB(100, 181, 246) | blue lighten-2 | — | |
#42a5f5 | RGB(66, 165, 245) | blue lighten-1 | — | |
#2196f3 | RGB(33, 150, 243) | blue | — | |
#1e88e5 | RGB(30, 136, 229) | blue darken-1 | — | |
#1976d2 | RGB(25, 118, 210) | blue darken-2 | — | |
#1565c0 | RGB(21, 101, 192) | blue darken-3 | — | |
#0d47a1 | RGB(13, 71, 161) | blue darken-4 | — |
Farbpalette Kontrast
23 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur | Achtergrond kleur | contrast ratio |
#e3f2fd | #bbdefb | 1.22 |
#e3f2fd | #90caf9 | 1.53 |
#e3f2fd | #64b5f6 | 1.93 |
#bbdefb | #90caf9 | 1.24 |
#bbdefb | #64b5f6 | 1.57 |
#bbdefb | #42a5f5 | 1.88 |