Created at 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
The palette consists of Light, Dark, Semi dark colors. Accent colors #014d5f and #cd5b0c. Palette has Cool, Neutral, Warm colors temperature.
Palette fghj 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 —(••÷ 🎀 𝒰𝓃𝒾 🎀 ÷••(—
Colors codes in palette
fghj 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 |
