Creato a 06/25/2018 11:14
Stream (Bootstrap 4 UI Kit) colors palette
Bg primary
#59287a
Bg secondary
#00c9a7
Bg success
#0dd157
Bg danger
#fb4143
Bg warning
#fab633
Bg info
#2972fa
Bg dark
#1b1e24
Bg light
#f6f9fc
La tavolozza è composta da Leggero, Buio colori. Colori accentati Bg secondary #00c9a7 e Bg danger #fb4143. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Stream (Bootstrap 4 UI Kit) colors palette ha una combinazione di colori dei codici 8:
ESADECIMALE: #59287a, RGB: (89, 40, 122); ESADECIMALE: #00c9a7, RGB: (0, 201, 167); ESADECIMALE: #0dd157, RGB: (13, 209, 87)
ESADECIMALE: #fb4143, RGB: (251, 65, 67); ESADECIMALE: #fab633, RGB: (250, 182, 51); ESADECIMALE: #2972fa, RGB: (41, 114, 250)
ESADECIMALE: #1b1e24, RGB: (27, 30, 36); ESADECIMALE: #f6f9fc, RGB: (246, 249, 252)
Versione semplificata della tavolozza dei colori
Ombra di indigo, Tonalità di mediumaquamarine, Tonalità di limegreen, Tonalità di tomato, Ombra di Arancia, Ombra di royalblue, Ombra di Nero, Tonalità di ghostwhite
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Stream (Bootstrap 4 UI Kit) colors palette codici colore HEX, informazioni RGB in tabella
Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
#59287a | RGB(89, 40, 122) | Bg primary | — | |
#00c9a7 | RGB(0, 201, 167) | Bg secondary | — | |
#0dd157 | RGB(13, 209, 87) | Bg success | — | |
#fb4143 | RGB(251, 65, 67) | Bg danger | — | |
#fab633 | RGB(250, 182, 51) | Bg warning | — | |
#2972fa | RGB(41, 114, 250) | Bg info | — | |
#1b1e24 | RGB(27, 30, 36) | Bg dark | — | |
#f6f9fc | RGB(246, 249, 252) | Bg light | — |
Contrasto della palette di colori
10 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testo | Colore di sfondo | Rapporto di contrasto |
#59287a | #1b1e24 | 1.59 |
#00c9a7 | #0dd157 | 1.03 |
#00c9a7 | #fb4143 | 1.66 |
#00c9a7 | #fab633 | 1.19 |
#0dd157 | #fb4143 | 1.73 |
#0dd157 | #fab633 | 1.14 |