Created at 05/24/2021 18:05
Rand 20 colors (1)
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
The palette consists of Light, Dark, Semi dark colors. Accent colors #014d5f and #cd5b0c. Palette has Cool, Neutral, Warm colors temperature.
Palette Rand 20 colors (1) has combination of 20 codes colors:
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)
Simplified version of palette colors
Tint of steelblue, Shade of mediumseagreen, Shade of Orange, Tint of skyblue, Tint of indianred, Shade of mediumpurple, Shade of Blue, Shade of darkturquoise, Tint of steelblue, Tint of lightgreen, Shade of mediumorchid, Tint of darkslategrey, Shade of mediumpurple, Tint of dimgrey, Tint of chocolate, Tint of Yellowgreen, Shade of darkturquoise, Shade of Lime, Tint of royalblue, Shade of mediumseagreen
Color scheme was created by MyPalettes
Colors codes in palette
Rand 20 colors (1) color codes HEX, RGB information in table
Color | HEX | RGB | Name | Alternative name |
#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) | — | — |
Color Palette Contrast
111 color pairs have low contrast and need improvement which may impact readability.
Text Color | Background Color | Contrast Ratio |
#337ab7 | #5cb85c | 1.83 |
#337ab7 | #d9534f | 1.15 |
#337ab7 | #9e6bef | 1.25 |
#337ab7 | #3a04e9 | 1.94 |
#337ab7 | #0d6dae | 1.2 |
#337ab7 | #c660c9 | 1.28 |