Creado en 02/26/2019 12:23
Tailwind CSS default colors palette
#b8c2cc
#e3342f
#f6993f
#ffed4a
#38c172
#4dc0b5
#3490dc
#6574cd
#9561e2
#f66d9b
La paleta consta de Luz, semioscuro colores. Colores de acento #ffed4a y #3490dc. La paleta tiene temperatura de color Frío, Cálido.
La paleta Tailwind CSS default colors palette tiene una combinación de colores de códigos de 10:
HEX: #b8c2cc, RGB: (184, 194, 204); HEX: #e3342f, RGB: (227, 52, 47); HEX: #f6993f, RGB: (246, 153, 63)
HEX: #ffed4a, RGB: (255, 237, 74); HEX: #38c172, RGB: (56, 193, 114); HEX: #4dc0b5, RGB: (77, 192, 181)
HEX: #3490dc, RGB: (52, 144, 220); HEX: #6574cd, RGB: (101, 116, 205); HEX: #9561e2, RGB: (149, 97, 226)
HEX: #f66d9b, RGB: (246, 109, 155)
Versión simplificada de la paleta de colores
Sombra de Plata, Sombra de Rojo, Sombra de darkorange, Matiz de Amarillo, Sombra de mediumseagreen, Sombra de lightseagreen, Sombra de dodgerblue, Sombra de royalblue, Matiz de mediumpurple, Sombra de palevioletred
El esquema de color fue creado por colorswall
Códigos de colores en la paleta
Tailwind CSS default colors palette códigos de color HEX, información RGB en la tabla
Color | HEX | RGB | Nombre | nombre 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) | — | — |
Contraste de la paleta de colores
37 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
Color de texto | Color de fondo | Relación de contraste |
#b8c2cc | #f6993f | 1.21 |
#b8c2cc | #ffed4a | 1.5 |
#b8c2cc | #38c172 | 1.28 |
#b8c2cc | #4dc0b5 | 1.22 |
#b8c2cc | #3490dc | 1.88 |
#b8c2cc | #f66d9b | 1.53 |