Tints Flat UI color Midnight Blue #2C3E50 hex

  • #415162
  • #566573
  • #6b7885
  • #808b96
  • #969fa8
  • #abb2b9
  • #c0c5cb
  • #d5d8dc
  • #eaecee
  • #ffffff
  1.18k
Created at 02/17/2020 09:25
The palette consists of Semi dark, Light colors. Accent colors #415162 and White #ffffff. Palette has Cool, Neutral colors temperature.

A sequential monochrome scheme: tints and shades of a single hue step between light and dark.

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

Overall saturation feels mostly muted (lower chroma) — 100% of colors are muted.

Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.

Most swatches read as neutral in color temperature (8 of 10).

HEX codes (sorted): #415162, #566573, #6B7885, #808B96, #969FA8, #ABB2B9, #C0C5CB, #D5D8DC, #EAECEE, #FFFFFF

Palette Tints Flat UI color Midnight Blue #2C3E50 hex combines 10 color codes:
HEX: #415162, RGB: (65, 81, 98); HEX: #566573, RGB: (86, 101, 115); HEX: #6b7885, RGB: (107, 120, 133)
HEX: #808b96, RGB: (128, 139, 150); HEX: #969fa8, RGB: (150, 159, 168); HEX: #abb2b9, RGB: (171, 178, 185)
HEX: #c0c5cb, RGB: (192, 197, 203); HEX: #d5d8dc, RGB: (213, 216, 220); HEX: #eaecee, RGB: (234, 236, 238)
HEX: #ffffff, RGB: (255, 255, 255)
Simplified version of palette colors
Tint of Dark Slate Blue, Shade of Dim Gray, Shade of Slate Gray, Tint of Light Slate Gray, Shade of Dark Gray, Tint of Dark Gray, Tint of Silver, Tint of Light Gray, Shade of White Smoke, White
Color scheme was created by colorswall

Color codes in palette

Tints Flat UI color Midnight Blue #2C3E50 hex color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#415162#415162RGB(65, 81, 98)——
#566573#566573RGB(86, 101, 115)——
#6b7885#6b7885RGB(107, 120, 133)——
#808b96#808b96RGB(128, 139, 150)——
#969fa8#969fa8RGB(150, 159, 168)——
#abb2b9#abb2b9RGB(171, 178, 185)——
#c0c5cb#c0c5cbRGB(192, 197, 203)——
#d5d8dc#d5d8dcRGB(213, 216, 220)——
#eaecee#eaeceeRGB(234, 236, 238)——
#ffffff#ffffffRGB(255, 255, 255)—White

Color Palette Contrast

21 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#415162
#566573
1.35
#415162
#6b7885
1.8
#566573
#6b7885
1.32
#566573
#808b96
1.72
#6b7885
#808b96
1.3
#6b7885
#969fa8
1.68

Image palette Tints Flat UI color Midnight Blue #2C3E50 hex png