Created at 07/08/2020 21:28
  0.24k

Material design system callout message palette

#2e6bd5
#dce4fb
#16366e
#6cac74
#aecdd0
#51525a
The palette consists of Light, Semi dark colors. Accent colors #dce4fb and #16366e. Palette has Cool, Neutral colors temperature.
Palette Material design system callout message palette has combination of 6 codes colors:
HEX: #2e6bd5, RGB: (46, 107, 213); HEX: #dce4fb, RGB: (220, 228, 251); HEX: #16366e, RGB: (22, 54, 110)
HEX: #6cac74, RGB: (108, 172, 116); HEX: #aecdd0, RGB: (174, 205, 208); HEX: #51525a, RGB: (81, 82, 90)
Simplified version of palette colors
Tint of royalblue, Tint of lavender, Tint of darkslateblue, Shade of mediumseagreen, Tint of lightblue, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Material design system callout message palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2e6bd5 RGB(46, 107, 213)
#dce4fb RGB(220, 228, 251)
#16366e RGB(22, 54, 110)
#6cac74 RGB(108, 172, 116)
#aecdd0 RGB(174, 205, 208)
#51525a RGB(81, 82, 90)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#2e6bd5
#6cac74
1.86
#2e6bd5
#51525a
1.54
#dce4fb
#aecdd0
1.32
#16366e
#51525a
1.51
#6cac74
#aecdd0
1.59

Image palette Material design system callout message palette png