Created at 02/14/2023 18:53
Webdesign web ui tools colours
- Maize (Crayola)#f4cd47
- Ultramarine Blue#466df2
- Bronze Yellow#7d6207
- Purpureus#9c64a8
- Light Periwinkle#c3ccda
- Black Olive#3c3c3b
The palette consists of Light, Semi dark colors. Accent colors Ultramarine Blue #466df2 and Bronze Yellow #7d6207. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #3C3C3B (darkest) to #C3CCDA (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #3C3C3B, #466DF2, #7D6207, #9C64A8, #C3CCDA, #F4CD47
Palette Webdesign web ui tools colours has combination of 6 codes colors:
HEX: #f4cd47, RGB: (244, 205, 71); HEX: #466df2, RGB: (70, 109, 242); HEX: #7d6207, RGB: (125, 98, 7)
HEX: #9c64a8, RGB: (156, 100, 168); HEX: #c3ccda, RGB: (195, 204, 218); HEX: #3c3c3b, RGB: (60, 60, 59)
Simplified version of palette colors
Tint of gold, Shade of royalblue, Tint of Olive, Tint of mediumorchid, Shade of lightsteelblue, Tint of darkslategrey
Color scheme was created by colorhunt
Colors codes in palette
Webdesign web ui tools colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f4cd47 | #f4cd47 | RGB(244, 205, 71) | Maize (Crayola) | — |
| #466df2 | #466df2 | RGB(70, 109, 242) | Ultramarine Blue | — |
| #7d6207 | #7d6207 | RGB(125, 98, 7) | Bronze Yellow | — |
| #9c64a8 | #9c64a8 | RGB(156, 100, 168) | Purpureus | — |
| #c3ccda | #c3ccda | RGB(195, 204, 218) | Light Periwinkle | — |
| #3c3c3b | #3c3c3b | RGB(60, 60, 59) | Black Olive | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f4cd47 | #c3ccda | 1.05 |
#466df2 | #7d6207 | 1.3 |
#466df2 | #9c64a8 | 1.01 |
#7d6207 | #9c64a8 | 1.32 |
#7d6207 | #3c3c3b | 1.9 |
Image palette Webdesign web ui tools colours png
Export Palette
Download the "Webdesign web ui tools colours" in multiple formats for seamless integration into your design projects.
Available formats: