Generate Palette
  1. Color Palettes
  2. Web vector webdesign landing colors palette

Web vector webdesign landing colors palette

  • #0756fb
  • #6aa4fa
  • #074cca
  • #9c9a60
  • #92a6cc
  • #5d2e36
  0.17k

Web vector webdesign landing colors palette has 6 colors spread across many hues. The lightest color is Light Steel Blue (#92A6CC), the darkest Maroon (#5D2E36). Its strongest contrast pair is #5D2E36 on #92A6CC (4.4:1, WCAG AA for large text).

Created at 07/03/2020 08:44
bycolorswall
The palette consists of Semi dark, Light colors. Accent colors #0756fb and #5d2e36. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #5D2E36 (darkest) to #92A6CC (lightest). The lightness range is moderate.

Saturation is mixed — 1 muted and 3 vivid out of 6 colors.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (4 of 6).

HEX codes (sorted): #074CCA, #0756FB, #5D2E36, #6AA4FA, #92A6CC, #9C9A60

Palette Web vector webdesign landing colors palette combines 6 color codes:
HEX: #0756fb, RGB: (7, 86, 251); HEX: #6aa4fa, RGB: (106, 164, 250); HEX: #074cca, RGB: (7, 76, 202)
HEX: #9c9a60, RGB: (156, 154, 96); HEX: #92a6cc, RGB: (146, 166, 204); HEX: #5d2e36, RGB: (93, 46, 54)
Simplified version of palette colors
Shade of Royal Blue, Tint of Cornflower Blue, Shade of Royal Blue, Shade of Dark Khaki, Shade of Light Steel Blue, Tint of Maroon
Color scheme was created by colorswall

Color codes in palette

Web vector webdesign landing colors palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#0756fb#0756fbRGB(7, 86, 251)——
#6aa4fa#6aa4faRGB(106, 164, 250)——
#074cca#074ccaRGB(7, 76, 202)——
#9c9a60#9c9a60RGB(156, 154, 96)——
#92a6cc#92a6ccRGB(146, 166, 204)——
#5d2e36#5d2e36RGB(93, 46, 54)——

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#0756fb
#074cca
1.28
#0756fb
#9c9a60
1.92
#0756fb
#5d2e36
1.95
#6aa4fa
#9c9a60
1.15
#6aa4fa
#92a6cc
1.02
#074cca
#5d2e36
1.51

Image palette Web vector webdesign landing colors palette png

Web vector webdesign landing colors palette: #0756fb, #6aa4fa, #074cca, #9c9a60, #92a6cc, #5d2e36
 Download image