Created at 03/11/2022 14:20
Ui design training website colours
Bronze (Metallic)
#ab894c
Vista Blue
#7a82dc
Dark Slate Blue
#413b81
Blue-Violet (Crayola)
#6060b9
Cadet Blue (Crayola)
#adb4ca
Outer Space
#424448
The palette consists of Light colors. Accent colors Bronze (Metallic) #ab894c and Vista Blue #7a82dc. Palette has Warm, Cool colors temperature.
Palette Ui design training website colours has combination of 6 codes colors:
HEX: #ab894c, RGB: (171, 137, 76); HEX: #7a82dc, RGB: (122, 130, 220); HEX: #413b81, RGB: (65, 59, 129)
HEX: #6060b9, RGB: (96, 96, 185); HEX: #adb4ca, RGB: (173, 180, 202); HEX: #424448, RGB: (66, 68, 72)
Simplified version of palette colors
Shade of darkgoldenrod, Shade of mediumslateblue, Tint of darkslateblue, Tint of slateblue, Tint of lightsteelblue, Tint of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Ui design training website colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ab894c | #ab894c | RGB(171, 137, 76) | Bronze (Metallic) | — |
| #7a82dc | #7a82dc | RGB(122, 130, 220) | Vista Blue | — |
| #413b81 | #413b81 | RGB(65, 59, 129) | Dark Slate Blue | — |
| #6060b9 | #6060b9 | RGB(96, 96, 185) | Blue-Violet (Crayola) | — |
| #adb4ca | #adb4ca | RGB(173, 180, 202) | Cadet Blue (Crayola) | — |
| #424448 | #424448 | RGB(66, 68, 72) | Outer Space | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ab894c | #7a82dc | 1.05 |
#ab894c | #6060b9 | 1.65 |
#ab894c | #adb4ca | 1.58 |
#7a82dc | #6060b9 | 1.56 |
#7a82dc | #adb4ca | 1.67 |
#413b81 | #6060b9 | 1.78 |
