Creado en 12/27/2017 19:56
1
Pink palette Materialize CSS
pink lighten-5
#fce4ec
pink lighten-4
#f8bbd0
pink lighten-3
#f48fb1
pink lighten-2
#f06292
pink lighten-1
#ec407a
pink
#e91e63
pink darken-1
#d81b60
pink darken-2
#c2185b
pink darken-3
#ad1457
pink darken-4
#880e4f
pink accent-1
#ff80ab
pink accent-2
#ff4081
pink accent-3
#f50057
pink accent-4
#c51162
La paleta consta de Luz, Oscuro colores. Colores de acento pink accent-1 #ff80ab y pink accent-2 #ff4081. La paleta tiene temperatura de color Neutral, Cálido.
La paleta Pink palette Materialize CSS tiene una combinación de colores de códigos de 14:
HEX: #fce4ec, RGB: (252, 228, 236); HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #f48fb1, RGB: (244, 143, 177)
HEX: #f06292, RGB: (240, 98, 146); HEX: #ec407a, RGB: (236, 64, 122); HEX: #e91e63, RGB: (233, 30, 99)
HEX: #d81b60, RGB: (216, 27, 96); HEX: #c2185b, RGB: (194, 24, 91); HEX: #ad1457, RGB: (173, 20, 87)
HEX: #880e4f, RGB: (136, 14, 79); HEX: #ff80ab, RGB: (255, 128, 171); HEX: #ff4081, RGB: (255, 64, 129)
HEX: #f50057, RGB: (245, 0, 87); HEX: #c51162, RGB: (197, 17, 98)
Versión simplificada de la paleta de colores
Matiz de lavenderblush, Matiz de Rosa, Sombra de palevioletred, Matiz de palevioletred, Sombra de deeppink, Sombra de crimson, Sombra de crimson, Matiz de mediumvioletred, Matiz de mediumvioletred, Sombra de Púrpura, Sombra de hotpink, Sombra de deeppink, Matiz de crimson, Matiz de mediumvioletred
El esquema de color fue creado por mz
Códigos de colores en la paleta
Pink palette Materialize CSS códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #fce4ec | RGB(252, 228, 236) | pink lighten-5 | — | |
| #f8bbd0 | RGB(248, 187, 208) | pink lighten-4 | — | |
| #f48fb1 | RGB(244, 143, 177) | pink lighten-3 | — | |
| #f06292 | RGB(240, 98, 146) | pink lighten-2 | — | |
| #ec407a | RGB(236, 64, 122) | pink lighten-1 | — | |
| #e91e63 | RGB(233, 30, 99) | pink | — | |
| #d81b60 | RGB(216, 27, 96) | pink darken-1 | — | |
| #c2185b | RGB(194, 24, 91) | pink darken-2 | — | |
| #ad1457 | RGB(173, 20, 87) | pink darken-3 | — | |
| #880e4f | RGB(136, 14, 79) | pink darken-4 | — | |
| #ff80ab | RGB(255, 128, 171) | pink accent-1 | — | |
| #ff4081 | RGB(255, 64, 129) | pink accent-2 | — | |
| #f50057 | RGB(245, 0, 87) | pink accent-3 | — | |
| #c51162 | RGB(197, 17, 98) | pink accent-4 | — |
Contraste de la paleta de colores
55 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 |
#fce4ec | #f8bbd0 | 1.34 |
#fce4ec | #f48fb1 | 1.85 |
#fce4ec | #ff80ab | 1.95 |
#f8bbd0 | #f48fb1 | 1.38 |
#f8bbd0 | #f06292 | 1.89 |
#f8bbd0 | #ff80ab | 1.45 |
