HEX #4285E2 color — Royal Blue
The color #4285E2 is a dark shade and moderately saturated.
Palette
4285E2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(215,73%,97%) |
#dce8f9 |
rgb(220,232,249) |
hsl(215,73%,92%) |
#c6daf6 |
rgb(198,218,246) |
hsl(215,73%,87%) |
#b0ccf3 |
rgb(176,204,243) |
hsl(215,73%,82%) |
#9abdef |
rgb(154,189,239) |
hsl(215,73%,77%) |
#83afec |
rgb(131,175,236) |
hsl(215,73%,72%) |
#6da1e8 |
rgb(109,161,232) |
hsl(215,73%,67%) |
#5792e5 |
rgb(87,146,229) |
hsl(215,73%,62%) |
#4184e1 |
rgb(65,132,225) |
hsl(215,73%,57%) |
#2b76de |
rgb(43,118,222) |
hsl(215,73%,52%) |
#2069cf |
rgb(32,105,207) |
hsl(215,73%,47%) |
#1d5eb9 |
rgb(29,94,185) |
hsl(215,73%,42%) |
#1953a3 |
rgb(25,83,163) |
hsl(215,73%,37%) |
#16488d |
rgb(22,72,141) |
hsl(215,73%,32%) |
#133c77 |
rgb(19,60,119) |
hsl(215,73%,27%) |
#0f3161 |
rgb(15,49,97) |
hsl(215,73%,22%) |
#0c264b |
rgb(12,38,75) |
hsl(215,73%,17%) |
#081b35 |
rgb(8,27,53) |
hsl(215,73%,12%) |
#05101f |
rgb(5,16,31) |
hsl(215,73%,7%) |
#010409 |
rgb(1,4,9) |
hsl(215,73%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#42E3D4 |
rgb(66,227,212) |
hsl(174,74%,57%) |
#4285E2 |
rgb(66,133,226) |
hsl(215,73%,57%) |
#6942E2 |
rgb(105,66,226) |
hsl(255,73%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#93BAEE |
rgb(147,186,238) |
hsl(214,73%,75%) |
#6A9EE8 |
rgb(106,158,232) |
hsl(215,73%,66%) |
#4285E2 |
rgb(66,133,226) |
hsl(215,73%,57%) |
#206BD4 |
rgb(32,107,212) |
hsl(215,74%,48%) |
#1A57AC |
rgb(26,87,172) |
hsl(215,74%,39%) |
#144283 |
rgb(20,66,131) |
hsl(215,74%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#4285E2 |
rgb(66,133,226) |
hsl(215,73%,57%) |
#E24F42 |
rgb(226,79,66) |
hsl(5,73%,57%) |
#D5E342 |
rgb(213,227,66) |
hsl(65,74%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4285E2 |
rgb(66,133,226) |
hsl(215,73%,57%) |
#E29E42 |
rgb(226,158,66) |
hsl(35,73%,57%) |
#42D6E2 |
rgb(66,214,226) |
hsl(185,73%,57%) |
#D5E342 |
rgb(213,227,66) |
hsl(65,74%,57%) |