Created at 01/17/2020 20:58
  5.15k

Shades of Material Design Blue color #2196F3 hex

#2196f3
#1e87db
#1a78c2
#1769aa
#145a92
#114b7a
#0d3c61
#0a2d49
#071e31
#030f18
Sign In to save palette in collection
The palette consists of Light, Semi dark, Dark colors. Accent colors #2196f3 and #030f18. Palette has Cool, Neutral colors temperature.
Palette Shades of Material Design Blue color #2196F3 hex has combination of 10 codes colors:
HEX: #2196f3, RGB: (33, 150, 243); HEX: #1e87db, RGB: (30, 135, 219); HEX: #1a78c2, RGB: (26, 120, 194)
HEX: #1769aa, RGB: (23, 105, 170); HEX: #145a92, RGB: (20, 90, 146); HEX: #114b7a, RGB: (17, 75, 122)
HEX: #0d3c61, RGB: (13, 60, 97); HEX: #0a2d49, RGB: (10, 45, 73); HEX: #071e31, RGB: (7, 30, 49)
HEX: #030f18, RGB: (3, 15, 24)
Simplified version of palette colors
Shade of dodgerblue, Tint of dodgerblue, Tint of steelblue, Tint of steelblue, Tint of royalblue, Tint of darkslateblue, Tint of darkslateblue, Shade of midnightblue, Tint of midnightblue, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Shades of Material Design Blue color #2196F3 hex color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2196f3 RGB(33, 150, 243)
#1e87db RGB(30, 135, 219)
#1a78c2 RGB(26, 120, 194)
#1769aa RGB(23, 105, 170)
#145a92 RGB(20, 90, 146)
#114b7a RGB(17, 75, 122)
#0d3c61 RGB(13, 60, 97)
#0a2d49 RGB(10, 45, 73)
#071e31 RGB(7, 30, 49)
#030f18 RGB(3, 15, 24)

Color Palette Contrast

24 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#2196f3
#1e87db
1.21
#2196f3
#1a78c2
1.49
#2196f3
#1769aa
1.84
#1e87db
#1a78c2
1.22
#1e87db
#1769aa
1.52
#1e87db
#145a92
1.9

Image palette Shades of Material Design Blue color #2196F3 hex png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes