Website ui design deck builder
- Blue (Crayola)#1a73f7
- United Nations Blue#5d97e8
- Air Force Blue (USAF)#04348c
- Glaucous#5e7eb5
- Lavender Gray#bec6d0
- Yankees Blue#1e2c3a
Created at 11/23/2022 05:34
The palette consists of Light, Dark colors. Accent colors Blue (Crayola) #1a73f7 and Air Force Blue (USAF) #04348c. Palette has Cool colors temperature.
By lightness, this palette runs from #1E2C3A (darkest) to #BEC6D0 (lightest). The lightness range is moderate.
Saturation is mixed — 1 muted and 3 vivid out of 6 colors.
An analogous palette: its hues sit close together on the color wheel, within about 9°.
Overall temperature among swatches leans cool (6 of 6).
HEX codes (sorted): #04348C, #1A73F7, #1E2C3A, #5D97E8, #5E7EB5, #BEC6D0
Palette Website ui design deck builder combines 6 color codes:
HEX: #1a73f7, RGB: (26, 115, 247); HEX: #5d97e8, RGB: (93, 151, 232); HEX: #04348c, RGB: (4, 52, 140)
HEX: #5e7eb5, RGB: (94, 126, 181); HEX: #bec6d0, RGB: (190, 198, 208); HEX: #1e2c3a, RGB: (30, 44, 58)
Simplified version of palette colors
Shade of Royal Blue, Shade of Cornflower Blue, Shade of Dark Slate Blue, Tint of Steel Blue, Tint of Silver, Tint of Midnight Blue
Color scheme was created by hex
Color codes in palette
Website ui design deck builder color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #1a73f7 | #1a73f7 | RGB(26, 115, 247) | Blue (Crayola) | — |
| #5d97e8 | #5d97e8 | RGB(93, 151, 232) | United Nations Blue | — |
| #04348c | #04348c | RGB(4, 52, 140) | Air Force Blue (USAF) | — |
| #5e7eb5 | #5e7eb5 | RGB(94, 126, 181) | Glaucous | — |
| #bec6d0 | #bec6d0 | RGB(190, 198, 208) | Lavender Gray | — |
| #1e2c3a | #1e2c3a | RGB(30, 44, 58) | Yankees Blue | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#1a73f7 | #5d97e8 | 1.45 |
#1a73f7 | #5e7eb5 | 1.05 |
#5d97e8 | #5e7eb5 | 1.37 |
#5d97e8 | #bec6d0 | 1.72 |
#04348c | #1e2c3a | 1.26 |
Image palette Website ui design deck builder png
Export Palette
Download the "Website ui design deck builder" in multiple formats for seamless integration into your design projects.
Available formats: