Created at 07/28/2022 09:57
Webdesign online course design ui
Violets Are Blue
#7b64f9
Violets Are Blue
#8c74f8
Navy Blue
#17047f
Copper Rose
#9c6a67
Black Shadows
#c4acb4
Deep Koamaru
#344060
The palette consists of Light, Dark colors. Accent colors Violets Are Blue #7b64f9 and Navy Blue #17047f. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #17047F (darkest) to #C4ACB4 (lightest). The lightness range is moderate.
Saturation is mixed — some muted swatches and some vivid accents.
Hues are spread broadly around the wheel — a varied palette (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #17047F, #344060, #7B64F9, #8C74F8, #9C6A67, #C4ACB4
Palette Webdesign online course design ui has combination of 6 codes colors:
HEX: #7b64f9, RGB: (123, 100, 249); HEX: #8c74f8, RGB: (140, 116, 248); HEX: #17047f, RGB: (23, 4, 127)
HEX: #9c6a67, RGB: (156, 106, 103); HEX: #c4acb4, RGB: (196, 172, 180); HEX: #344060, RGB: (52, 64, 96)
Simplified version of palette colors
Tint of mediumslateblue, Shade of mediumslateblue, Shade of Navy, Tint of indianred, Tint of thistle, Tint of darkslateblue
Color scheme was created by colorswall
Colors codes in palette
Webdesign online course design ui color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #7b64f9 | #7b64f9 | RGB(123, 100, 249) | Violets Are Blue | — |
| #8c74f8 | #8c74f8 | RGB(140, 116, 248) | Violets Are Blue | — |
| #17047f | #17047f | RGB(23, 4, 127) | Navy Blue | — |
| #9c6a67 | #9c6a67 | RGB(156, 106, 103) | Copper Rose | — |
| #c4acb4 | #c4acb4 | RGB(196, 172, 180) | Black Shadows | — |
| #344060 | #344060 | RGB(52, 64, 96) | Deep Koamaru | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#7b64f9 | #8c74f8 | 1.18 |
#7b64f9 | #9c6a67 | 1.07 |
#7b64f9 | #c4acb4 | 1.96 |
#8c74f8 | #9c6a67 | 1.27 |
#8c74f8 | #c4acb4 | 1.65 |
#17047f | #344060 | 1.5 |
Image palette Webdesign online course design ui png
Export Palette
Download the "Webdesign online course design ui" in multiple formats for seamless integration into your design projects.
Available formats: