Created at 01/12/2023 11:32
Web button 3d gradient
- Very Light Blue#5c4cfc
- Cornflower Blue#848cfc
- Navy Blue#0d0282
- Lavender Purple#9c84c4
- Cadmium Blue#030d95
- Dark Jungle Green#141c24
The palette consists of Semi dark, Light, Dark colors. Accent colors Very Light Blue #5c4cfc and Navy Blue #0d0282. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #141C24 (darkest) to #848CFC (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #030D95, #0D0282, #141C24, #5C4CFC, #848CFC, #9C84C4
Palette Web button 3d gradient has combination of 6 codes colors:
HEX: #5c4cfc, RGB: (92, 76, 252); HEX: #848cfc, RGB: (132, 140, 252); HEX: #0d0282, RGB: (13, 2, 130)
HEX: #9c84c4, RGB: (156, 132, 196); HEX: #030d95, RGB: (3, 13, 149); HEX: #141c24, RGB: (20, 28, 36)
Simplified version of palette colors
Tint of slateblue, Shade of cornflowerblue, Shade of Navy, Shade of mediumpurple, Shade of darkblue, Shade of Black
Color scheme was created by hex
Colors codes in palette
Web button 3d gradient color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #5c4cfc | #5c4cfc | RGB(92, 76, 252) | Very Light Blue | — |
| #848cfc | #848cfc | RGB(132, 140, 252) | Cornflower Blue | — |
| #0d0282 | #0d0282 | RGB(13, 2, 130) | Navy Blue | — |
| #9c84c4 | #9c84c4 | RGB(156, 132, 196) | Lavender Purple | — |
| #030d95 | #030d95 | RGB(3, 13, 149) | Cadmium Blue | — |
| #141c24 | #141c24 | RGB(20, 28, 36) | Dark Jungle Green | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#5c4cfc | #848cfc | 1.83 |
#5c4cfc | #9c84c4 | 1.67 |
#848cfc | #9c84c4 | 1.09 |
#0d0282 | #030d95 | 1.1 |
#0d0282 | #141c24 | 1.1 |
#030d95 | #141c24 | 1.22 |
Image palette Web button 3d gradient png
Export Palette
Download the "Web button 3d gradient" in multiple formats for seamless integration into your design projects.
Available formats: