Creado en 05/24/2021 15:57
fghj
Primary
#337ab7
Success
#5cb85c
Warning
#f0ad4e
Info
#5bc0de
Danger
#d9534f
#9e6bef
#3a04e9
#35d2e6
#0d6dae
#97de82
#c660c9
#014d5f
#9e86c1
#62404c
#cd5b0c
#81b919
#46b8bf
#07fb22
#465edd
#4bb38a
La paleta consta de Luz, Oscuro, semioscuro colores. Colores de acento #014d5f y #cd5b0c. La paleta tiene temperatura de color Frío, Neutral, Cálido.
La paleta fghj tiene una combinación de colores de códigos de 20:
HEX: #337ab7, RGB: (51, 122, 183); HEX: #5cb85c, RGB: (92, 184, 92); HEX: #f0ad4e, RGB: (240, 173, 78)
HEX: #5bc0de, RGB: (91, 192, 222); HEX: #d9534f, RGB: (217, 83, 79); HEX: #9e6bef, RGB: (158, 107, 239)
HEX: #3a04e9, RGB: (58, 4, 233); HEX: #35d2e6, RGB: (53, 210, 230); HEX: #0d6dae, RGB: (13, 109, 174)
HEX: #97de82, RGB: (151, 222, 130); HEX: #c660c9, RGB: (198, 96, 201); HEX: #014d5f, RGB: (1, 77, 95)
HEX: #9e86c1, RGB: (158, 134, 193); HEX: #62404c, RGB: (98, 64, 76); HEX: #cd5b0c, RGB: (205, 91, 12)
HEX: #81b919, RGB: (129, 185, 25); HEX: #46b8bf, RGB: (70, 184, 191); HEX: #07fb22, RGB: (7, 251, 34)
HEX: #465edd, RGB: (70, 94, 221); HEX: #4bb38a, RGB: (75, 179, 138)
Versión simplificada de la paleta de colores
Matiz de steelblue, Sombra de mediumseagreen, Sombra de Naranja, Matiz de skyblue, Matiz de indianred, Sombra de mediumpurple, Sombra de Azul, Sombra de darkturquoise, Matiz de steelblue, Matiz de lightgreen, Sombra de mediumorchid, Matiz de darkslategrey, Sombra de mediumpurple, Matiz de dimgrey, Matiz de chocolate, Matiz de Amarillo verde, Sombra de darkturquoise, Sombra de Cal, Matiz de royalblue, Sombra de mediumseagreen
El esquema de color fue creado por —(••÷ 🎀 𝒰𝓃𝒾 🎀 ÷••(—
Códigos de colores en la paleta
fghj códigos de color HEX, información RGB en la tabla
Color | HEX | RGB | Nombre | nombre alternativo |
#337ab7 | RGB(51, 122, 183) | Primary | — | |
#5cb85c | RGB(92, 184, 92) | Success | — | |
#f0ad4e | RGB(240, 173, 78) | Warning | — | |
#5bc0de | RGB(91, 192, 222) | Info | — | |
#d9534f | RGB(217, 83, 79) | Danger | — | |
#9e6bef | RGB(158, 107, 239) | — | — | |
#3a04e9 | RGB(58, 4, 233) | — | — | |
#35d2e6 | RGB(53, 210, 230) | — | — | |
#0d6dae | RGB(13, 109, 174) | — | — | |
#97de82 | RGB(151, 222, 130) | — | — | |
#c660c9 | RGB(198, 96, 201) | — | — | |
#014d5f | RGB(1, 77, 95) | — | — | |
#9e86c1 | RGB(158, 134, 193) | — | — | |
#62404c | RGB(98, 64, 76) | — | — | |
#cd5b0c | RGB(205, 91, 12) | — | — | |
#81b919 | RGB(129, 185, 25) | — | — | |
#46b8bf | RGB(70, 184, 191) | — | — | |
#07fb22 | RGB(7, 251, 34) | — | — | |
#465edd | RGB(70, 94, 221) | — | — | |
#4bb38a | RGB(75, 179, 138) | — | — |
Contraste de la paleta de colores
111 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 |
#337ab7 | #5cb85c | 1.83 |
#337ab7 | #d9534f | 1.15 |
#337ab7 | #9e6bef | 1.25 |
#337ab7 | #3a04e9 | 1.94 |
#337ab7 | #0d6dae | 1.2 |
#337ab7 | #c660c9 | 1.28 |