Created at 02/02/2021 16:59
lxlxxlxlxl
accent
#ff6358
info
#0058e9
success
#37b400
warning
#ffc000
error
#f31700
base text
#656565
hovered bg
#ededed
#7389ec
#99dad9
#1d9731
#907548
#fda56c
#b503e1
#279184
#ea2b49
#c084a9
#5d941d
#2f5daf
#14ab06
#4e4911
The palette consists of Light, Semi dark colors. Accent colors info #0058e9 and warning #ffc000. Palette has Warm, Cool, Neutral colors temperature.
Palette lxlxxlxlxl has combination of 20 codes colors:
HEX: #ff6358, RGB: (255, 99, 88); HEX: #0058e9, RGB: (0, 88, 233); HEX: #37b400, RGB: (55, 180, 0)
HEX: #ffc000, RGB: (255, 192, 0); HEX: #f31700, RGB: (243, 23, 0); HEX: #656565, RGB: (101, 101, 101)
HEX: #ededed, RGB: (237, 237, 237); HEX: #7389ec, RGB: (115, 137, 236); HEX: #99dad9, RGB: (153, 218, 217)
HEX: #1d9731, RGB: (29, 151, 49); HEX: #907548, RGB: (144, 117, 72); HEX: #fda56c, RGB: (253, 165, 108)
HEX: #b503e1, RGB: (181, 3, 225); HEX: #279184, RGB: (39, 145, 132); HEX: #ea2b49, RGB: (234, 43, 73)
HEX: #c084a9, RGB: (192, 132, 169); HEX: #5d941d, RGB: (93, 148, 29); HEX: #2f5daf, RGB: (47, 93, 175)
HEX: #14ab06, RGB: (20, 171, 6); HEX: #4e4911, RGB: (78, 73, 17)
Simplified version of palette colors
Shade of tomato, Tint of royalblue, Tint of limegreen, Shade of goldenrod, Shade of Red, Tint of dimgrey, Tint of whitesmoke, Tint of cornflowerblue, Tint of paleturquoise, Shade of forestgreen, Tint of darkgoldenrod, Shade of sandybrown, Tint of darkorchid, Shade of darkcyan, Shade of crimson, Shade of palevioletred, Tint of olivedrab, Tint of royalblue, Tint of limegreen, Tint of darkolivegreen
Color scheme was created by —(••÷ 🎀 𝒰𝓃𝒾 🎀 ÷••(—
Colors codes in palette
lxlxxlxlxl color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ff6358 | RGB(255, 99, 88) | accent | — | |
| #0058e9 | RGB(0, 88, 233) | info | — | |
| #37b400 | RGB(55, 180, 0) | success | — | |
| #ffc000 | RGB(255, 192, 0) | warning | — | |
| #f31700 | RGB(243, 23, 0) | error | — | |
| #656565 | RGB(101, 101, 101) | base text | — | |
| #ededed | RGB(237, 237, 237) | hovered bg | White Edgar | |
| #7389ec | RGB(115, 137, 236) | — | — | |
| #99dad9 | RGB(153, 218, 217) | — | — | |
| #1d9731 | RGB(29, 151, 49) | — | — | |
| #907548 | RGB(144, 117, 72) | — | — | |
| #fda56c | RGB(253, 165, 108) | — | — | |
| #b503e1 | RGB(181, 3, 225) | — | — | |
| #279184 | RGB(39, 145, 132) | — | — | |
| #ea2b49 | RGB(234, 43, 73) | — | — | |
| #c084a9 | RGB(192, 132, 169) | — | — | |
| #5d941d | RGB(93, 148, 29) | — | — | |
| #2f5daf | RGB(47, 93, 175) | — | — | |
| #14ab06 | RGB(20, 171, 6) | — | — | |
| #4e4911 | RGB(78, 73, 17) | — | — |
Color Palette Contrast
125 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ff6358 | #37b400 | 1.07 |
#ff6358 | #ffc000 | 1.78 |
#ff6358 | #f31700 | 1.45 |
#ff6358 | #656565 | 1.99 |
#ff6358 | #7389ec | 1.1 |
#ff6358 | #99dad9 | 1.86 |
