Creato a 02/26/2019 12:23
Tailwind CSS default colors palette
#b8c2cc
#e3342f
#f6993f
#ffed4a
#38c172
#4dc0b5
#3490dc
#6574cd
#9561e2
#f66d9b
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #ffed4a e #3490dc. La tavolozza ha la temperatura del colore Freddo, Caldo.
La tavolozza Tailwind CSS default colors palette ha una combinazione di colori dei codici 10:
ESADECIMALE: #b8c2cc, RGB: (184, 194, 204); ESADECIMALE: #e3342f, RGB: (227, 52, 47); ESADECIMALE: #f6993f, RGB: (246, 153, 63)
ESADECIMALE: #ffed4a, RGB: (255, 237, 74); ESADECIMALE: #38c172, RGB: (56, 193, 114); ESADECIMALE: #4dc0b5, RGB: (77, 192, 181)
ESADECIMALE: #3490dc, RGB: (52, 144, 220); ESADECIMALE: #6574cd, RGB: (101, 116, 205); ESADECIMALE: #9561e2, RGB: (149, 97, 226)
ESADECIMALE: #f66d9b, RGB: (246, 109, 155)
Versione semplificata della tavolozza dei colori
Ombra di Argento, Ombra di Rosso, Ombra di darkorange, Tonalità di Giallo, Ombra di mediumseagreen, Ombra di lightseagreen, Ombra di dodgerblue, Ombra di royalblue, Tonalità di mediumpurple, Ombra di palevioletred
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Tailwind CSS default colors palette codici colore HEX, informazioni RGB in tabella
Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
#b8c2cc | RGB(184, 194, 204) | — | — | |
#e3342f | RGB(227, 52, 47) | — | — | |
#f6993f | RGB(246, 153, 63) | — | — | |
#ffed4a | RGB(255, 237, 74) | — | — | |
#38c172 | RGB(56, 193, 114) | — | — | |
#4dc0b5 | RGB(77, 192, 181) | — | — | |
#3490dc | RGB(52, 144, 220) | — | — | |
#6574cd | RGB(101, 116, 205) | — | — | |
#9561e2 | RGB(149, 97, 226) | — | — | |
#f66d9b | RGB(246, 109, 155) | — | — |
Contrasto della palette di colori
37 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 |
#b8c2cc | #f6993f | 1.21 |
#b8c2cc | #ffed4a | 1.5 |
#b8c2cc | #38c172 | 1.28 |
#b8c2cc | #4dc0b5 | 1.22 |
#b8c2cc | #3490dc | 1.88 |
#b8c2cc | #f66d9b | 1.53 |