Created at 03/21/2022 14:41
Banner web website design ui colors palette
Battery Charged Blue
#25bae2
Picton Blue
#54c8f0
Prussian Blue
#123a54
Dark Blue-Gray
#6862ac
Pastel Blue
#b4bad2
Arsenic
#3d424c
The palette consists of Light colors. Accent colors Battery Charged Blue #25bae2 and Picton Blue #54c8f0. Palette has Cool colors temperature.
Palette Banner web website design ui colors palette has combination of 6 codes colors:
HEX: #25bae2, RGB: (37, 186, 226); HEX: #54c8f0, RGB: (84, 200, 240); HEX: #123a54, RGB: (18, 58, 84)
HEX: #6862ac, RGB: (104, 98, 172); HEX: #b4bad2, RGB: (180, 186, 210); HEX: #3d424c, RGB: (61, 66, 76)
Simplified version of palette colors
Shade of deepskyblue, Tint of skyblue, Shade of midnightblue, Shade of slateblue, Tint of lightsteelblue, Tint of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Banner web website design ui colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #25bae2 | #25bae2 | RGB(37, 186, 226) | Battery Charged Blue | — |
| #54c8f0 | #54c8f0 | RGB(84, 200, 240) | Picton Blue | — |
| #123a54 | #123a54 | RGB(18, 58, 84) | Prussian Blue | — |
| #6862ac | #6862ac | RGB(104, 98, 172) | Dark Blue-Gray | — |
| #b4bad2 | #b4bad2 | RGB(180, 186, 210) | Pastel Blue | — |
| #3d424c | #3d424c | RGB(61, 66, 76) | Arsenic | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#25bae2 | #54c8f0 | 1.18 |
#25bae2 | #b4bad2 | 1.18 |
#54c8f0 | #b4bad2 | 1 |
#123a54 | #3d424c | 1.18 |
#6862ac | #3d424c | 1.88 |
