Creado en 04/29/2021 16:06
Material Design Color Palette (nº4)
deep-purple lighten-5
#ede7f6
deep-purple lighten-4
#d1c4e9
deep-purple lighten-3
#b39ddb
deep-purple lighten-2
#9575cd
deep-purple lighten-1
#7e57c2
deep-purple
#673ab7
deep-purple darken-1
#5e35b1
deep-purple darken-2
#512da8
deep-purple darken-3
#4527a0
deep-purple darken-4
#311b92
deep-purple accent-1
#b388ff
deep-purple accent-2
#7c4dff
deep-purple accent-3
#651fff
deep-purple accent-4
#6200ea
La paleta consta de Luz, Oscuro, semioscuro colores. Colores de acento deep-purple accent-1 #b388ff y deep-purple accent-2 #7c4dff. La paleta tiene temperatura de color Neutral, Frío.
La paleta Material Design Color Palette (nº4) tiene una combinación de colores de códigos de 14:
HEX: #ede7f6, RGB: (237, 231, 246); HEX: #d1c4e9, RGB: (209, 196, 233); HEX: #b39ddb, RGB: (179, 157, 219)
HEX: #9575cd, RGB: (149, 117, 205); HEX: #7e57c2, RGB: (126, 87, 194); HEX: #673ab7, RGB: (103, 58, 183)
HEX: #5e35b1, RGB: (94, 53, 177); HEX: #512da8, RGB: (81, 45, 168); HEX: #4527a0, RGB: (69, 39, 160)
HEX: #311b92, RGB: (49, 27, 146); HEX: #b388ff, RGB: (179, 136, 255); HEX: #7c4dff, RGB: (124, 77, 255)
HEX: #651fff, RGB: (101, 31, 255); HEX: #6200ea, RGB: (98, 0, 234)
Versión simplificada de la paleta de colores
Sombra de lavender, Sombra de thistle, Matiz de plum, Sombra de mediumpurple, Sombra de slateblue, Matiz de blueviolet, Sombra de darkslateblue, Matiz de darkslateblue, Matiz de darkslateblue, Sombra de darkblue, Sombra de mediumpurple, Matiz de mediumslateblue, Matiz de blueviolet, Sombra de Azul
El esquema de color fue creado por MyPalettes
Códigos de colores en la paleta
Material Design Color Palette (nº4) códigos de color HEX, información RGB en la tabla
Color | HEX | RGB | Nombre | nombre alternativo |
#ede7f6 | RGB(237, 231, 246) | deep-purple lighten-5 | — | |
#d1c4e9 | RGB(209, 196, 233) | deep-purple lighten-4 | — | |
#b39ddb | RGB(179, 157, 219) | deep-purple lighten-3 | — | |
#9575cd | RGB(149, 117, 205) | deep-purple lighten-2 | — | |
#7e57c2 | RGB(126, 87, 194) | deep-purple lighten-1 | — | |
#673ab7 | RGB(103, 58, 183) | deep-purple | — | |
#5e35b1 | RGB(94, 53, 177) | deep-purple darken-1 | — | |
#512da8 | RGB(81, 45, 168) | deep-purple darken-2 | — | |
#4527a0 | RGB(69, 39, 160) | deep-purple darken-3 | — | |
#311b92 | RGB(49, 27, 146) | deep-purple darken-4 | — | |
#b388ff | RGB(179, 136, 255) | deep-purple accent-1 | — | |
#7c4dff | RGB(124, 77, 255) | deep-purple accent-2 | — | |
#651fff | RGB(101, 31, 255) | deep-purple accent-3 | — | |
#6200ea | RGB(98, 0, 234) | deep-purple accent-4 | — |
Contraste de la paleta de colores
46 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 |
#ede7f6 | #d1c4e9 | 1.35 |
#ede7f6 | #b39ddb | 1.98 |
#d1c4e9 | #b39ddb | 1.45 |
#d1c4e9 | #b388ff | 1.62 |
#b39ddb | #9575cd | 1.53 |
#b39ddb | #b388ff | 1.11 |