Created at 09/06/2019 08:32
  0.22k

Website design wordpress web design colors palette

  • #54b4f4
  • #5456e0
  • #192e5b
  • #5150a2
  • #b7cdda
  • #453e7f
The palette consists of Light, Semi dark, Dark colors. Accent colors #54b4f4 and #5456e0. Palette has Cool colors temperature.

By lightness, this palette runs from #192E5B (darkest) to #B7CDDA (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #192E5B, #453E7F, #5150A2, #5456E0, #54B4F4, #B7CDDA

Palette Website design wordpress web design colors palette has combination of 6 codes colors:
HEX: #54b4f4, RGB: (84, 180, 244); HEX: #5456e0, RGB: (84, 86, 224); HEX: #192e5b, RGB: (25, 46, 91)
HEX: #5150a2, RGB: (81, 80, 162); HEX: #b7cdda, RGB: (183, 205, 218); HEX: #453e7f, RGB: (69, 62, 127)
Simplified version of palette colors
Shade of deepskyblue, Tint of slateblue, Shade of midnightblue, Shade of darkslateblue, Tint of lightblue, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Website design wordpress web design colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#54b4f4 #54b4f4 RGB(84, 180, 244)
#5456e0 #5456e0 RGB(84, 86, 224)
#192e5b #192e5b RGB(25, 46, 91)
#5150a2 #5150a2 RGB(81, 80, 162)
#b7cdda #b7cdda RGB(183, 205, 218)
#453e7f #453e7f RGB(69, 62, 127)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#54b4f4
#b7cdda
1.38
#5456e0
#5150a2
1.25
#5456e0
#453e7f
1.68
#192e5b
#5150a2
1.9
#192e5b
#453e7f
1.42
#5150a2
#453e7f
1.34

Image palette Website design wordpress web design colors palette png