Loading...
Created at 05/01/2020 12:15
  0.23k

Team roadmap ux product design hex colors

  • #1494e4
  • #53aada
  • #532caa
  • #ba7c85
  • #a595c3
  • #2c3355
Loading...
The palette consists of Light colors. Accent colors #1494e4 and #ba7c85. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #2C3355 (darkest) to #A595C3 (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): #1494E4, #2C3355, #532CAA, #53AADA, #A595C3, #BA7C85

Palette Team roadmap ux product design hex colors has combination of 6 codes colors:
HEX: #1494e4, RGB: (20, 148, 228); HEX: #53aada, RGB: (83, 170, 218); HEX: #532caa, RGB: (83, 44, 170)
HEX: #ba7c85, RGB: (186, 124, 133); HEX: #a595c3, RGB: (165, 149, 195); HEX: #2c3355, RGB: (44, 51, 85)
Simplified version of palette colors
Tint of dodgerblue, Shade of deepskyblue, Tint of darkslateblue, Tint of rosybrown, Tint of plum, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Team roadmap ux product design hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1494e4 #1494e4 RGB(20, 148, 228)
#53aada #53aada RGB(83, 170, 218)
#532caa #532caa RGB(83, 44, 170)
#ba7c85 #ba7c85 RGB(186, 124, 133)
#a595c3 #a595c3 RGB(165, 149, 195)
#2c3355 #2c3355 RGB(44, 51, 85)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#1494e4
#53aada
1.27
#1494e4
#ba7c85
1.01
#1494e4
#a595c3
1.2
#53aada
#ba7c85
1.28
#53aada
#a595c3
1.05
#532caa
#2c3355
1.34

Image palette Team roadmap ux product design hex colors png

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