Loading...
Created at 11/15/2021 18:29
  0.17k

Graphic design ux medical website doctor landingpage colors palette

  • #5068ae
  • #94acd4
  • #303e68
  • #946f62
  • #a3c0d1
  • #445048
Loading...
The palette consists of Light colors. Accent colors #94acd4 and #946f62. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #445048 (darkest) to #A3C0D1 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

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): #303E68, #445048, #5068AE, #946F62, #94ACD4, #A3C0D1

Palette Graphic design ux medical website doctor landingpage colors palette has combination of 6 codes colors:
HEX: #5068ae, RGB: (80, 104, 174); HEX: #94acd4, RGB: (148, 172, 212); HEX: #303e68, RGB: (48, 62, 104)
HEX: #946f62, RGB: (148, 111, 98); HEX: #a3c0d1, RGB: (163, 192, 209); HEX: #445048, RGB: (68, 80, 72)
Simplified version of palette colors
Tint of royalblue, Tint of lightsteelblue, Tint of darkslateblue, Shade of sienna, Tint of lightsteelblue, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Graphic design ux medical website doctor landingpage colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#5068ae #5068ae RGB(80, 104, 174)
#94acd4 #94acd4 RGB(148, 172, 212)
#303e68 #303e68 RGB(48, 62, 104)
#946f62 #946f62 RGB(148, 111, 98)
#a3c0d1 #a3c0d1 RGB(163, 192, 209)
#445048 #445048 RGB(68, 80, 72)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#5068ae
#303e68
1.95
#5068ae
#946f62
1.19
#5068ae
#445048
1.58
#94acd4
#946f62
1.93
#94acd4
#a3c0d1
1.2
#303e68
#445048
1.23

Image palette Graphic design ux medical website doctor landingpage colors palette png

Loading...
Loading...
Loading...