Created at 04/04/2023 17:44
Finance design landing page hero section clean colours
- Palatinate Blue#2434d6
- Ultramarine Blue#4a55f7
- Catalina Blue#131b71
- Dark Blue-Gray#6560a6
- Dark Vanilla#d8cca8
- Arsenic#424444
The palette consists of Light, Semi dark, Dark colors. Accent colors Ultramarine Blue #4a55f7 and Dark Vanilla #d8cca8. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #131B71 (darkest) to #D8CCA8 (lightest). The lightness range is moderate.
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): #131B71, #2434D6, #424444, #4A55F7, #6560A6, #D8CCA8
Palette Finance design landing page hero section clean colours has combination of 6 codes colors:
HEX: #2434d6, RGB: (36, 52, 214); HEX: #4a55f7, RGB: (74, 85, 247); HEX: #131b71, RGB: (19, 27, 113)
HEX: #6560a6, RGB: (101, 96, 166); HEX: #d8cca8, RGB: (216, 204, 168); HEX: #424444, RGB: (66, 68, 68)
Simplified version of palette colors
Shade of Blue, Tint of slateblue, Tint of midnightblue, Tint of slateblue, Tint of wheat, Tint of darkslategrey
Color scheme was created by colorstudio
Colors codes in palette
Finance design landing page hero section clean colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #2434d6 | #2434d6 | RGB(36, 52, 214) | Palatinate Blue | — |
| #4a55f7 | #4a55f7 | RGB(74, 85, 247) | Ultramarine Blue | — |
| #131b71 | #131b71 | RGB(19, 27, 113) | Catalina Blue | — |
| #6560a6 | #6560a6 | RGB(101, 96, 166) | Dark Blue-Gray | — |
| #d8cca8 | #d8cca8 | RGB(216, 204, 168) | Dark Vanilla | — |
| #424444 | #424444 | RGB(66, 68, 68) | Arsenic | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#2434d6 | #4a55f7 | 1.55 |
#2434d6 | #131b71 | 1.78 |
#2434d6 | #6560a6 | 1.48 |
#2434d6 | #424444 | 1.18 |
#4a55f7 | #6560a6 | 1.04 |
#4a55f7 | #424444 | 1.83 |
Image palette Finance design landing page hero section clean colours png
Export Palette
Download the "Finance design landing page hero section clean colours" in multiple formats for seamless integration into your design projects.
Available formats: