Created at 03/16/2020 10:12
  0.18k

Cityguide ux illustration mobile hex colors

#318cd3
#84ceee
#17476d
#a35351
#b8d0d7
#3e674e
The palette consists of Light, Semi dark colors. Accent colors #84ceee and #a35351. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #17476D (darkest) to #B8D0D7 (lightest). The lightness range is moderate.

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): #17476D, #318CD3, #3E674E, #84CEEE, #A35351, #B8D0D7

Palette Cityguide ux illustration mobile hex colors has combination of 6 codes colors:
HEX: #318cd3, RGB: (49, 140, 211); HEX: #84ceee, RGB: (132, 206, 238); HEX: #17476d, RGB: (23, 71, 109)
HEX: #a35351, RGB: (163, 83, 81); HEX: #b8d0d7, RGB: (184, 208, 215); HEX: #3e674e, RGB: (62, 103, 78)
Simplified version of palette colors
Tint of dodgerblue, Tint of skyblue, Tint of darkslateblue, Tint of indianred, Tint of lightblue, Tint of darkolivegreen
Color scheme was created by colorswall

Colors codes in palette

Cityguide ux illustration mobile hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#318cd3 #318cd3 RGB(49, 140, 211)
#84ceee #84ceee RGB(132, 206, 238)
#17476d #17476d RGB(23, 71, 109)
#a35351 #a35351 RGB(163, 83, 81)
#b8d0d7 #b8d0d7 RGB(184, 208, 215)
#3e674e #3e674e RGB(62, 103, 78)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#318cd3
#a35351
1.48
#318cd3
#3e674e
1.78
#84ceee
#b8d0d7
1.08
#17476d
#a35351
1.81
#17476d
#3e674e
1.5
#a35351
#3e674e
1.2

Image palette Cityguide ux illustration mobile hex colors png