Loading...
Created at 10/05/2019 07:26
  0.18k

Web branding ui colors palette

  • #12a6ec
  • #f34a61
  • #101a76
  • #4f78b1
  • #9bb8cc
  • #5c6474
Loading...
The palette consists of Light, Dark, Semi dark colors. Accent colors #12a6ec and #f34a61. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #101A76 (darkest) to #9BB8CC (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): #101A76, #12A6EC, #4F78B1, #5C6474, #9BB8CC, #F34A61

Palette Web branding ui colors palette has combination of 6 codes colors:
HEX: #12a6ec, RGB: (18, 166, 236); HEX: #f34a61, RGB: (243, 74, 97); HEX: #101a76, RGB: (16, 26, 118)
HEX: #4f78b1, RGB: (79, 120, 177); HEX: #9bb8cc, RGB: (155, 184, 204); HEX: #5c6474, RGB: (92, 100, 116)
Simplified version of palette colors
Tint of deepskyblue, Shade of indianred, Tint of midnightblue, Tint of steelblue, Tint of lightsteelblue, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Web branding ui colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#12a6ec #12a6ec RGB(18, 166, 236)
#f34a61 #f34a61 RGB(243, 74, 97)
#101a76 #101a76 RGB(16, 26, 118)
#4f78b1 #4f78b1 RGB(79, 120, 177)
#9bb8cc #9bb8cc RGB(155, 184, 204)
#5c6474 #5c6474 RGB(92, 100, 116)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#12a6ec
#f34a61
1.28
#12a6ec
#4f78b1
1.65
#12a6ec
#9bb8cc
1.31
#f34a61
#4f78b1
1.28
#f34a61
#9bb8cc
1.69
#f34a61
#5c6474
1.68

Image palette Web branding ui colors palette png

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