Loading...
Created at 11/14/2022 07:09
Left menu slide over information multi nav palette
- Cornflower Blue#6e96e8
- Dutch White#eddcc0
- Catalina Blue#123172
- Flying Fish#5571ab
- Cadet Blue (Crayola)#acb7c7
- Charcoal#313a51
The palette consists of Light, Dark colors. Accent colors Dutch White #eddcc0 and Catalina Blue #123172. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #313A51 (darkest) to #EDDCC0 (lightest). The lightness range is wide.
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): #123172, #313A51, #5571AB, #6E96E8, #ACB7C7, #EDDCC0
Palette Left menu slide over information multi nav palette has combination of 6 codes colors:
HEX: #6e96e8, RGB: (110, 150, 232); HEX: #eddcc0, RGB: (237, 220, 192); HEX: #123172, RGB: (18, 49, 114)
HEX: #5571ab, RGB: (85, 113, 171); HEX: #acb7c7, RGB: (172, 183, 199); HEX: #313a51, RGB: (49, 58, 81)
Simplified version of palette colors
Shade of cornflowerblue, Tint of blanchedalmond, Shade of midnightblue, Shade of royalblue, Tint of lightsteelblue, Tint of darkslateblue
Color scheme was created by hex
Colors codes in palette
Left menu slide over information multi nav palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #6e96e8 | #6e96e8 | RGB(110, 150, 232) | Cornflower Blue | — |
| #eddcc0 | #eddcc0 | RGB(237, 220, 192) | Dutch White | — |
| #123172 | #123172 | RGB(18, 49, 114) | Catalina Blue | — |
| #5571ab | #5571ab | RGB(85, 113, 171) | Flying Fish | — |
| #acb7c7 | #acb7c7 | RGB(172, 183, 199) | Cadet Blue (Crayola) | — |
| #313a51 | #313a51 | RGB(49, 58, 81) | Charcoal | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#6e96e8 | #5571ab | 1.65 |
#6e96e8 | #acb7c7 | 1.43 |
#eddcc0 | #acb7c7 | 1.5 |
#123172 | #313a51 | 1.08 |
Image palette Left menu slide over information multi nav palette png
Export Palette
Download the "Left menu slide over information multi nav palette" in multiple formats for seamless integration into your design projects.
Available formats: