Distance learning animation application mobile app design
- Vista Blue#7599de
- Light Cobalt Blue#91ade7
- Indigo (Rainbow)#19356b
- Rocket Metallic#8c7c74
- Dark Vanilla#d0c2a8
- Quartz#4c4c54
Created at 09/02/2022 14:47
The palette consists of Light, Semi dark colors. Accent colors Light Cobalt Blue #91ade7 and Dark Vanilla #d0c2a8. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #19356B (darkest) to #D0C2A8 (lightest). The lightness range is moderate.
Saturation is mixed — 2 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 (3 of 6).
HEX codes (sorted): #19356B, #4C4C54, #7599DE, #8C7C74, #91ADE7, #D0C2A8
Palette Distance learning animation application mobile app design combines 6 color codes:
HEX: #7599de, RGB: (117, 153, 222); HEX: #91ade7, RGB: (145, 173, 231); HEX: #19356b, RGB: (25, 53, 107)
HEX: #8c7c74, RGB: (140, 124, 116); HEX: #d0c2a8, RGB: (208, 194, 168); HEX: #4c4c54, RGB: (76, 76, 84)
Simplified version of palette colors
Tint of Cornflower Blue, Tint of Cornflower Blue, Shade of Dark Slate Blue, Shade of Grey, Tint of Tan, Shade of Dim Gray
Color scheme was created by colorswall
Color codes in palette
Distance learning animation application mobile app design color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #7599de | #7599de | RGB(117, 153, 222) | Vista Blue | — |
| #91ade7 | #91ade7 | RGB(145, 173, 231) | Light Cobalt Blue | — |
| #19356b | #19356b | RGB(25, 53, 107) | Indigo (Rainbow) | — |
| #8c7c74 | #8c7c74 | RGB(140, 124, 116) | Rocket Metallic | — |
| #d0c2a8 | #d0c2a8 | RGB(208, 194, 168) | Dark Vanilla | — |
| #4c4c54 | #4c4c54 | RGB(76, 76, 84) | Quartz | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#7599de | #91ade7 | 1.26 |
#7599de | #8c7c74 | 1.4 |
#7599de | #d0c2a8 | 1.62 |
#91ade7 | #8c7c74 | 1.77 |
#91ade7 | #d0c2a8 | 1.28 |
#19356b | #4c4c54 | 1.4 |
Image palette Distance learning animation application mobile app design png
Export Palette
Download the "Distance learning animation application mobile app design" in multiple formats for seamless integration into your design projects.
Available formats: