Creado en 08/12/2021 20:38
aws-technical
Amazon Orange
#ff9900
#e47911
dark red
#aa2e00
#48a3c6
#007eb9
#37475a
#232f3e
#111111
light gray
#f5f5f5
#666666
#cccccc
white
#ffffff
La paleta consta de Luz, Oscuro colores. Colores de acento Amazon Orange #ff9900 y #007eb9. La paleta tiene temperatura de color Cálido, Frío, Neutral.
La paleta aws-technical tiene una combinación de colores de códigos de 12:
HEX: #ff9900, RGB: (255, 153, 0); HEX: #e47911, RGB: (228, 121, 17); HEX: #aa2e00, RGB: (170, 46, 0)
HEX: #48a3c6, RGB: (72, 163, 198); HEX: #007eb9, RGB: (0, 126, 185); HEX: #37475a, RGB: (55, 71, 90)
HEX: #232f3e, RGB: (35, 47, 62); HEX: #111111, RGB: (17, 17, 17); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #666666, RGB: (102, 102, 102); HEX: #cccccc, RGB: (204, 204, 204); HEX: #ffffff, RGB: (255, 255, 255)
Versión simplificada de la paleta de colores
Matiz de Naranja, Matiz de darkorange, Sombra de firebrick, Matiz de deepskyblue, Matiz de steelblue, Matiz de darkslateblue, Sombra de midnightblue, Sombra de Negro, whitesmoke, Matiz de dimgrey, Matiz de lightgrey, Blanco
El esquema de color fue creado por effectiveiam
Códigos de colores en la paleta
aws-technical códigos de color HEX, información RGB en la tabla
Color | HEX | RGB | Nombre | nombre alternativo |
#ff9900 | RGB(255, 153, 0) | Amazon Orange | Vitamin C | |
#e47911 | RGB(228, 121, 17) | — | — | |
#aa2e00 | RGB(170, 46, 0) | dark red | — | |
#48a3c6 | RGB(72, 163, 198) | — | — | |
#007eb9 | RGB(0, 126, 185) | — | — | |
#37475a | RGB(55, 71, 90) | — | — | |
#232f3e | RGB(35, 47, 62) | — | — | |
#111111 | RGB(17, 17, 17) | — | Dreamless Sleep | |
#f5f5f5 | RGB(245, 245, 245) | light gray | White Smoke | |
#666666 | RGB(102, 102, 102) | — | Squant | |
#cccccc | RGB(204, 204, 204) | — | Cerebral Grey | |
#ffffff | RGB(255, 255, 255) | white | — |
Contraste de la paleta de colores
21 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 |
#ff9900 | #e47911 | 1.39 |
#ff9900 | #48a3c6 | 1.33 |
#ff9900 | #f5f5f5 | 1.96 |
#ff9900 | #cccccc | 1.33 |
#e47911 | #48a3c6 | 1.04 |
#e47911 | #007eb9 | 1.5 |