Loading...
Created at 01/30/2020 15:20
  0.42k

Shades Metro UI Color Light Blue #eff4ff hex

  • #d7dce6
  • #bfc3cc
  • #a7abb3
  • #8f9299
  • #787a80
  • #606266
  • #48494d
  • #303133
  • #181819
  • #000000
Loading...
The palette consists of Light, Semi dark, Dark colors. Accent colors #d7dce6 and Black #000000. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #000000 (darkest) to #D7DCE6 (lightest). The lightness range is wide.

Overall saturation feels mostly muted (lower chroma).

Chromatic content centers on a single hue direction; neutrals/grays reduce contrast between families (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #000000, #181819, #303133, #48494D, #606266, #787A80, #8F9299, #A7ABB3, #BFC3CC, #D7DCE6

Palette Shades Metro UI Color Light Blue #eff4ff hex has combination of 10 codes colors:
HEX: #d7dce6, RGB: (215, 220, 230); HEX: #bfc3cc, RGB: (191, 195, 204); HEX: #a7abb3, RGB: (167, 171, 179)
HEX: #8f9299, RGB: (143, 146, 153); HEX: #787a80, RGB: (120, 122, 128); HEX: #606266, RGB: (96, 98, 102)
HEX: #48494d, RGB: (72, 73, 77); HEX: #303133, RGB: (48, 49, 51); HEX: #181819, RGB: (24, 24, 25)
HEX: #000000, RGB: (0, 0, 0)
Simplified version of palette colors
Tint of gainsboro, Shade of Silver, Shade of darkgrey, Shade of lightslategrey, Tint of Grey, Tint of dimgrey, Tint of dimgrey, Shade of Black, Shade of Black, Black
Color scheme was created by colorswall

Colors codes in palette

Shades Metro UI Color Light Blue #eff4ff hex color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#d7dce6 #d7dce6 RGB(215, 220, 230)
#bfc3cc #bfc3cc RGB(191, 195, 204)
#a7abb3 #a7abb3 RGB(167, 171, 179)
#8f9299 #8f9299 RGB(143, 146, 153)
#787a80 #787a80 RGB(120, 122, 128)
#606266 #606266 RGB(96, 98, 102)
#48494d #48494d RGB(72, 73, 77)
#303133 #303133 RGB(48, 49, 51)
#181819 #181819 RGB(24, 24, 25)
#000000 #000000 RGB(0, 0, 0)Black

Color Palette Contrast

15 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#d7dce6
#bfc3cc
1.28
#d7dce6
#a7abb3
1.67
#bfc3cc
#a7abb3
1.3
#bfc3cc
#8f9299
1.76
#a7abb3
#8f9299
1.35
#a7abb3
#787a80
1.86

Image palette Shades Metro UI Color Light Blue #eff4ff hex png

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