Loading...
Created at 08/06/2020 09:30
  0.29k

Flat ui material design

  • #3494fc
  • #3c9af9
  • #1a487c
  • #546474
  • #acbccc
  • #3c4c5b
Loading...
The palette consists of Light, Semi dark colors. Accent colors #3494fc and #3c9af9. Palette has Cool colors temperature.

By lightness, this palette runs from #1A487C (darkest) to #ACBCCC (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #1A487C, #3494FC, #3C4C5B, #3C9AF9, #546474, #ACBCCC

Palette Flat ui material design has combination of 6 codes colors:
HEX: #3494fc, RGB: (52, 148, 252); HEX: #3c9af9, RGB: (60, 154, 249); HEX: #1a487c, RGB: (26, 72, 124)
HEX: #546474, RGB: (84, 100, 116); HEX: #acbccc, RGB: (172, 188, 204); HEX: #3c4c5b, RGB: (60, 76, 91)
Simplified version of palette colors
Shade of dodgerblue, Shade of dodgerblue, Tint of darkslateblue, Tint of dimgrey, Tint of lightsteelblue, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Flat ui material design color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3494fc #3494fc RGB(52, 148, 252)
#3c9af9 #3c9af9 RGB(60, 154, 249)
#1a487c #1a487c RGB(26, 72, 124)
#546474 #546474 RGB(84, 100, 116)
#acbccc #acbccc RGB(172, 188, 204)
#3c4c5b #3c4c5b RGB(60, 76, 91)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3494fc
#3c9af9
1.05
#3494fc
#546474
1.96
#3494fc
#acbccc
1.59
#3c9af9
#acbccc
1.5
#1a487c
#546474
1.52
#1a487c
#3c4c5b
1.05

Image palette Flat ui material design png

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