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
Created at 02/12/2023 17:31
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 — 1 muted and 2 vivid out of 6 colors.
An analogous palette: its hues sit close together on the color wheel, within about 18°.
Overall temperature among swatches leans cool (6 of 6).
HEX codes (sorted): #343C8C, #3C3A67, #5E59AC, #6C8CF5, #9CA9F2, #A6A9D0
Palette Website landing header buildings colours combines 6 color codes:
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
Shade of Cornflower Blue, Shade of Light Steel Blue, Shade of Dark Slate Blue, Shade of Slate Blue, Shade of Light Steel Blue, Shade of Dark Slate Blue
Color scheme was created by colorhunt
Color 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: