Hergestellt in 10/28/2020 17:44
Light Blue2
light-blue lighten-5
#e1f5fe
light-blue lighten-4
#b3e5fc
light-blue lighten-3
#81d4fa
light-blue lighten-2
#4fc3f7
light-blue lighten-1
#29b6f6
light-blue
#03a9f4
light-blue darken-1
#039be5
light-blue darken-2
#0288d1
light-blue darken-3
#0277bd
light-blue darken-4
#01579b
light-blue accent-1
#80d8ff
light-blue accent-2
#40c4ff
light-blue accent-3
#00b0ff
light-blue accent-4
#0091ea
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben light-blue accent-1 #80d8ff und light-blue accent-2 #40c4ff. Palette hat Farbtemperatur Neutral, Kalt.
Die Palette Light Blue2 enthält eine Kombination aus 14-Codefarben:
VERHEXEN: #e1f5fe, RGB: (225, 245, 254); VERHEXEN: #b3e5fc, RGB: (179, 229, 252); VERHEXEN: #81d4fa, RGB: (129, 212, 250)
VERHEXEN: #4fc3f7, RGB: (79, 195, 247); VERHEXEN: #29b6f6, RGB: (41, 182, 246); VERHEXEN: #03a9f4, RGB: (3, 169, 244)
VERHEXEN: #039be5, RGB: (3, 155, 229); VERHEXEN: #0288d1, RGB: (2, 136, 209); VERHEXEN: #0277bd, RGB: (2, 119, 189)
VERHEXEN: #01579b, RGB: (1, 87, 155); VERHEXEN: #80d8ff, RGB: (128, 216, 255); VERHEXEN: #40c4ff, RGB: (64, 196, 255)
VERHEXEN: #00b0ff, RGB: (0, 176, 255); VERHEXEN: #0091ea, RGB: (0, 145, 234)
Vereinfachte Version der Palettenfarben
Farbton von azure, Schatten von lightblue, Schatten von skyblue, Schatten von deepskyblue, Schatten von deepskyblue, Farbton von deepskyblue, Farbton von dodgerblue, Farbton von steelblue, Farbton von steelblue, Farbton von royalblue, Schatten von skyblue, Schatten von deepskyblue, Farbton von deepskyblue, Farbton von dodgerblue
Farbschema wurde erstellt von leon7
Farbcodes in der Palette
Light Blue2 Farbcodes HEX, RGB-Informationen in der Tabelle
Farbe | VERHEXEN | RGB | Name | alternativer Name |
#e1f5fe | RGB(225, 245, 254) | light-blue lighten-5 | — | |
#b3e5fc | RGB(179, 229, 252) | light-blue lighten-4 | — | |
#81d4fa | RGB(129, 212, 250) | light-blue lighten-3 | — | |
#4fc3f7 | RGB(79, 195, 247) | light-blue lighten-2 | — | |
#29b6f6 | RGB(41, 182, 246) | light-blue lighten-1 | — | |
#03a9f4 | RGB(3, 169, 244) | light-blue | — | |
#039be5 | RGB(3, 155, 229) | light-blue darken-1 | — | |
#0288d1 | RGB(2, 136, 209) | light-blue darken-2 | — | |
#0277bd | RGB(2, 119, 189) | light-blue darken-3 | — | |
#01579b | RGB(1, 87, 155) | light-blue darken-4 | — | |
#80d8ff | RGB(128, 216, 255) | light-blue accent-1 | — | |
#40c4ff | RGB(64, 196, 255) | light-blue accent-2 | — | |
#00b0ff | RGB(0, 176, 255) | light-blue accent-3 | — | |
#0091ea | RGB(0, 145, 234) | light-blue accent-4 | — |
Farbpalette Kontrast
60 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur | Achtergrond kleur | contrast ratio |
#e1f5fe | #b3e5fc | 1.2 |
#e1f5fe | #81d4fa | 1.46 |
#e1f5fe | #4fc3f7 | 1.78 |
#e1f5fe | #80d8ff | 1.41 |
#e1f5fe | #40c4ff | 1.77 |
#b3e5fc | #81d4fa | 1.21 |