Creado en 12/27/2017 20:44
4
Light Green palette Materialize CSS
light-green lighten-5
#f1f8e9
light-green lighten-4
#dcedc8
light-green lighten-3
#c5e1a5
light-green lighten-2
#aed581
light-green lighten-1
#9ccc65
light-green
#8bc34a
light-green darken-1
#7cb342
light-green darken-2
#689f38
light-green darken-3
#558b2f
light-green darken-4
#33691e
light-green accent-1
#ccff90
light-green accent-2
#b2ff59
light-green accent-3
#76ff03
light-green accent-4
#64dd17
La paleta consta de Luz, semioscuro colores. Colores de acento light-green accent-1 #ccff90 y light-green accent-2 #b2ff59. La paleta tiene temperatura de color Neutral, Cálido.
La paleta Light Green palette Materialize CSS tiene una combinación de colores de códigos de 14:
HEX: #f1f8e9, RGB: (241, 248, 233); HEX: #dcedc8, RGB: (220, 237, 200); HEX: #c5e1a5, RGB: (197, 225, 165)
HEX: #aed581, RGB: (174, 213, 129); HEX: #9ccc65, RGB: (156, 204, 101); HEX: #8bc34a, RGB: (139, 195, 74)
HEX: #7cb342, RGB: (124, 179, 66); HEX: #689f38, RGB: (104, 159, 56); HEX: #558b2f, RGB: (85, 139, 47)
HEX: #33691e, RGB: (51, 105, 30); HEX: #ccff90, RGB: (204, 255, 144); HEX: #b2ff59, RGB: (178, 255, 89)
HEX: #76ff03, RGB: (118, 255, 3); HEX: #64dd17, RGB: (100, 221, 23)
Versión simplificada de la paleta de colores
Matiz de ivory, Matiz de lightgoldenrodyellow, Matiz de palegoldenrod, Matiz de lightgreen, Sombra de Amarillo verde, Matiz de Amarillo verde, Matiz de Amarillo verde, Sombra de olivedrab, Matiz de olivedrab, Sombra de darkgreen, Sombra de palegreen, Sombra de greenyellow, Matiz de chartreuse, Sombra de limegreen
El esquema de color fue creado por mz
Códigos de colores en la paleta
Light Green palette Materialize CSS códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #f1f8e9 | RGB(241, 248, 233) | light-green lighten-5 | — | |
| #dcedc8 | RGB(220, 237, 200) | light-green lighten-4 | — | |
| #c5e1a5 | RGB(197, 225, 165) | light-green lighten-3 | — | |
| #aed581 | RGB(174, 213, 129) | light-green lighten-2 | — | |
| #9ccc65 | RGB(156, 204, 101) | light-green lighten-1 | — | |
| #8bc34a | RGB(139, 195, 74) | light-green | — | |
| #7cb342 | RGB(124, 179, 66) | light-green darken-1 | — | |
| #689f38 | RGB(104, 159, 56) | light-green darken-2 | — | |
| #558b2f | RGB(85, 139, 47) | light-green darken-3 | — | |
| #33691e | RGB(51, 105, 30) | light-green darken-4 | — | |
| #ccff90 | RGB(204, 255, 144) | light-green accent-1 | — | |
| #b2ff59 | RGB(178, 255, 89) | light-green accent-2 | — | |
| #76ff03 | RGB(118, 255, 3) | light-green accent-3 | — | |
| #64dd17 | RGB(100, 221, 23) | light-green accent-4 | — |
Contraste de la paleta de colores
60 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 |
#f1f8e9 | #dcedc8 | 1.13 |
#f1f8e9 | #c5e1a5 | 1.31 |
#f1f8e9 | #aed581 | 1.53 |
#f1f8e9 | #9ccc65 | 1.72 |
#f1f8e9 | #8bc34a | 1.93 |
#f1f8e9 | #ccff90 | 1.05 |
