Herosection learning study ui colours
- Spanish Yellow#f0be10
- Light Cobalt Blue#89a2f1
- Philippine Green#128e44
- Russian Green#709e69
- Pearl Aqua#88c8b8
- Space Cadet#2c2a54
Created at 11/29/2022 09:40
The palette consists of Light, Dark colors. Accent colors Spanish Yellow #f0be10 and Light Cobalt Blue #89a2f1. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #2C2A54 (darkest) to #F0BE10 (lightest). The lightness range is moderate.
Saturation is mixed — 1 muted and 3 vivid out of 6 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (5 of 6).
HEX codes (sorted): #128E44, #2C2A54, #709E69, #88C8B8, #89A2F1, #F0BE10
Palette Herosection learning study ui colours combines 6 color codes:
HEX: #f0be10, RGB: (240, 190, 16); HEX: #89a2f1, RGB: (137, 162, 241); HEX: #128e44, RGB: (18, 142, 68)
HEX: #709e69, RGB: (112, 158, 105); HEX: #88c8b8, RGB: (136, 200, 184); HEX: #2c2a54, RGB: (44, 42, 84)
Simplified version of palette colors
Tint of Goldenrod, Tint of Cornflower Blue, Shade of Sea Green, Shade of Dark Sea Green, Tint of Medium Aquamarine, Tint of Midnight Blue
Color scheme was created by palettespicker
Color codes in palette
Herosection learning study ui colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #f0be10 | #f0be10 | RGB(240, 190, 16) | Spanish Yellow | — |
| #89a2f1 | #89a2f1 | RGB(137, 162, 241) | Light Cobalt Blue | — |
| #128e44 | #128e44 | RGB(18, 142, 68) | Philippine Green | — |
| #709e69 | #709e69 | RGB(112, 158, 105) | Russian Green | — |
| #88c8b8 | #88c8b8 | RGB(136, 200, 184) | Pearl Aqua | — |
| #2c2a54 | #2c2a54 | RGB(44, 42, 84) | Space Cadet | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#f0be10 | #89a2f1 | 1.42 |
#f0be10 | #709e69 | 1.78 |
#f0be10 | #88c8b8 | 1.09 |
#89a2f1 | #128e44 | 1.7 |
#89a2f1 | #709e69 | 1.25 |
#89a2f1 | #88c8b8 | 1.29 |
Image palette Herosection learning study ui colours png
Export Palette
Download the "Herosection learning study ui colours" in multiple formats for seamless integration into your design projects.
Available formats: