Utilities hero image design studio website colours
- Dandelion#f5d72f
- Fire Opal#ee5c53
- Imperial#5f236e
- Royal Purple#6c5cad
- Middle Blue Purple#9165b7
- Brown Chocolate#542444
1
Created at 02/22/2023 09:36
The palette consists of Light, Semi dark, Dark colors. Accent colors Dandelion #f5d72f and Imperial #5f236e. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #542444 (darkest) to #F5D72F (lightest). The lightness range is moderate.
Saturation sits in a moderate mid-range, averaging 56% across the palette.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Warm and cool swatches are fairly balanced (3 warm, 3 cool).
HEX codes (sorted): #542444, #5F236E, #6C5CAD, #9165B7, #EE5C53, #F5D72F
Palette Utilities hero image design studio website colours combines 6 color codes:
HEX: #f5d72f, RGB: (245, 215, 47); HEX: #ee5c53, RGB: (238, 92, 83); HEX: #5f236e, RGB: (95, 35, 110)
HEX: #6c5cad, RGB: (108, 92, 173); HEX: #9165b7, RGB: (145, 101, 183); HEX: #542444, RGB: (84, 36, 68)
Simplified version of palette colors
Tint of Gold, Shade of Tomato, Tint of Purple, Shade of Slate Blue, Shade of Medium Purple, Tint of Purple
Color scheme was created by coolor
Color codes in palette
Utilities hero image design studio website colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #f5d72f | #f5d72f | RGB(245, 215, 47) | Dandelion | — |
| #ee5c53 | #ee5c53 | RGB(238, 92, 83) | Fire Opal | — |
| #5f236e | #5f236e | RGB(95, 35, 110) | Imperial | — |
| #6c5cad | #6c5cad | RGB(108, 92, 173) | Royal Purple | — |
| #9165b7 | #9165b7 | RGB(145, 101, 183) | Middle Blue Purple | — |
| #542444 | #542444 | RGB(84, 36, 68) | Brown Chocolate | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#ee5c53 | #6c5cad | 1.66 |
#ee5c53 | #9165b7 | 1.32 |
#5f236e | #6c5cad | 1.93 |
#5f236e | #542444 | 1.13 |
#6c5cad | #9165b7 | 1.25 |
Image palette Utilities hero image design studio website colours png
Export Palette
Download the "Utilities hero image design studio website colours" in multiple formats for seamless integration into your design projects.
Available formats: