Created at 07/06/2020 03:37
Ocean Blues
blue lighten-5
#e3f2fd
blue lighten-4
#bbdefb
blue lighten-3
#90caf9
blue lighten-2
#64b5f6
blue lighten-1
#42a5f5
blue
#2196f3
blue darken-1
#1e88e5
blue darken-2
#1976d2
blue darken-3
#1565c0
blue darken-4
#0d47a1
blue accent-1
#82b1ff
blue accent-2
#448aff
blue accent-3
#2979ff
blue accent-4
#2962ff
The palette consists of Light, Semi dark colors. Accent colors blue accent-1 #82b1ff and blue accent-2 #448aff. Palette has Neutral, Cool colors temperature.
Palette Ocean Blues has combination of 14 codes colors:
HEX: #e3f2fd, RGB: (227, 242, 253); HEX: #bbdefb, RGB: (187, 222, 251); HEX: #90caf9, RGB: (144, 202, 249)
HEX: #64b5f6, RGB: (100, 181, 246); HEX: #42a5f5, RGB: (66, 165, 245); HEX: #2196f3, RGB: (33, 150, 243)
HEX: #1e88e5, RGB: (30, 136, 229); HEX: #1976d2, RGB: (25, 118, 210); HEX: #1565c0, RGB: (21, 101, 192)
HEX: #0d47a1, RGB: (13, 71, 161); HEX: #82b1ff, RGB: (130, 177, 255); HEX: #448aff, RGB: (68, 138, 255)
HEX: #2979ff, RGB: (41, 121, 255); HEX: #2962ff, RGB: (41, 98, 255)
Simplified version of palette colors
Tint of aliceblue, Shade of lightsteelblue, Shade of lightskyblue, Shade of deepskyblue, Shade of dodgerblue, Shade of dodgerblue, Tint of dodgerblue, Tint of steelblue, Tint of royalblue, Tint of darkslateblue, Shade of cornflowerblue, Shade of dodgerblue, Shade of royalblue, Tint of royalblue
Color scheme was created by pmitchel
Colors codes in palette
Ocean Blues color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e3f2fd | RGB(227, 242, 253) | blue lighten-5 | — | |
| #bbdefb | RGB(187, 222, 251) | blue lighten-4 | — | |
| #90caf9 | RGB(144, 202, 249) | blue lighten-3 | — | |
| #64b5f6 | RGB(100, 181, 246) | blue lighten-2 | — | |
| #42a5f5 | RGB(66, 165, 245) | blue lighten-1 | — | |
| #2196f3 | RGB(33, 150, 243) | blue | — | |
| #1e88e5 | RGB(30, 136, 229) | blue darken-1 | — | |
| #1976d2 | RGB(25, 118, 210) | blue darken-2 | — | |
| #1565c0 | RGB(21, 101, 192) | blue darken-3 | — | |
| #0d47a1 | RGB(13, 71, 161) | blue darken-4 | — | |
| #82b1ff | RGB(130, 177, 255) | blue accent-1 | — | |
| #448aff | RGB(68, 138, 255) | blue accent-2 | — | |
| #2979ff | RGB(41, 121, 255) | blue accent-3 | — | |
| #2962ff | RGB(41, 98, 255) | blue accent-4 | — |
Color Palette Contrast
54 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e3f2fd | #bbdefb | 1.22 |
#e3f2fd | #90caf9 | 1.53 |
#e3f2fd | #64b5f6 | 1.93 |
#e3f2fd | #82b1ff | 1.89 |
#bbdefb | #90caf9 | 1.24 |
#bbdefb | #64b5f6 | 1.57 |
