Created at 08/06/2020 09:46
  0.21k

Website design homepage summer webdesign colours

  • #4c9cc4
  • #9ac8e4
  • #1f5364
  • #6b989d
  • #abc2ce
  • #344449
The palette consists of Light colors. Accent colors #9ac8e4 and #1f5364. Palette has Cool colors temperature.

By lightness, this palette runs from #344449 (darkest) to #9AC8E4 (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): #1F5364, #344449, #4C9CC4, #6B989D, #9AC8E4, #ABC2CE

Palette Website design homepage summer webdesign colours has combination of 6 codes colors:
HEX: #4c9cc4, RGB: (76, 156, 196); HEX: #9ac8e4, RGB: (154, 200, 228); HEX: #1f5364, RGB: (31, 83, 100)
HEX: #6b989d, RGB: (107, 152, 157); HEX: #abc2ce, RGB: (171, 194, 206); HEX: #344449, RGB: (52, 68, 73)
Simplified version of palette colors
Shade of steelblue, Tint of lightskyblue, Tint of darkslategrey, Tint of cadetblue, Tint of lightsteelblue, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Website design homepage summer webdesign colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4c9cc4 #4c9cc4 RGB(76, 156, 196)
#9ac8e4 #9ac8e4 RGB(154, 200, 228)
#1f5364 #1f5364 RGB(31, 83, 100)
#6b989d #6b989d RGB(107, 152, 157)
#abc2ce #abc2ce RGB(171, 194, 206)
#344449 #344449 RGB(52, 68, 73)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4c9cc4
#9ac8e4
1.71
#4c9cc4
#6b989d
1.03
#4c9cc4
#abc2ce
1.65
#9ac8e4
#6b989d
1.78
#9ac8e4
#abc2ce
1.03
#1f5364
#344449
1.19

Image palette Website design homepage summer webdesign colours png