Created at 02/12/2023 17:31
Website landing header buildings colours
- Cornflower Blue#6c8cf5
- Maximum Blue Purple#9ca9f2
- Dark Cornflower Blue#343c8c
- Liberty#5e59ac
- Wild Blue Yonder#a6a9d0
- American Blue#3c3a67
The palette consists of Light, Semi dark colors. Accent colors Cornflower Blue #6c8cf5 and Maximum Blue Purple #9ca9f2. Palette has Cool colors temperature.
By lightness, this palette runs from #3C3A67 (darkest) to #9CA9F2 (lightest). The lightness range is moderate.
Saturation is mixed — some muted swatches and some vivid accents.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #343C8C, #3C3A67, #5E59AC, #6C8CF5, #9CA9F2, #A6A9D0
Palette Website landing header buildings colours has combination of 6 codes colors:
HEX: #6c8cf5, RGB: (108, 140, 245); HEX: #9ca9f2, RGB: (156, 169, 242); HEX: #343c8c, RGB: (52, 60, 140)
HEX: #5e59ac, RGB: (94, 89, 172); HEX: #a6a9d0, RGB: (166, 169, 208); HEX: #3c3a67, RGB: (60, 58, 103)
Simplified version of palette colors
Tint of cornflowerblue, Tint of lightsteelblue, Tint of darkslateblue, Tint of slateblue, Tint of lightsteelblue, Tint of darkslateblue
Color scheme was created by colorhunt
More palettes with:
Colors codes in palette
Website landing header buildings colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #6c8cf5 | #6c8cf5 | RGB(108, 140, 245) | Cornflower Blue | — |
| #9ca9f2 | #9ca9f2 | RGB(156, 169, 242) | Maximum Blue Purple | — |
| #343c8c | #343c8c | RGB(52, 60, 140) | Dark Cornflower Blue | — |
| #5e59ac | #5e59ac | RGB(94, 89, 172) | Liberty | — |
| #a6a9d0 | #a6a9d0 | RGB(166, 169, 208) | Wild Blue Yonder | — |
| #3c3a67 | #3c3a67 | RGB(60, 58, 103) | American Blue | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#6c8cf5 | #9ca9f2 | 1.39 |
#6c8cf5 | #5e59ac | 1.91 |
#6c8cf5 | #a6a9d0 | 1.37 |
#9ca9f2 | #a6a9d0 | 1.01 |
#343c8c | #5e59ac | 1.61 |
#343c8c | #3c3a67 | 1.08 |
Image palette Website landing header buildings colours png
Export Palette
Download the "Website landing header buildings colours" in multiple formats for seamless integration into your design projects.
Available formats: