HEX #4285E4 color — Royal Blue
The color #4285E4 is a dark shade and moderately saturated.
Palette
4285E4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(215,75%,98%) |
#e0ebfb |
rgb(224,235,251) |
hsl(215,75%,93%) |
#c9ddf7 |
rgb(201,221,247) |
hsl(215,75%,88%) |
#b3cef4 |
rgb(179,206,244) |
hsl(215,75%,83%) |
#9dc0f1 |
rgb(157,192,241) |
hsl(215,75%,78%) |
#87b2ee |
rgb(135,178,238) |
hsl(215,75%,73%) |
#70a3eb |
rgb(112,163,235) |
hsl(215,75%,68%) |
#5a95e7 |
rgb(90,149,231) |
hsl(215,75%,63%) |
#4487e4 |
rgb(68,135,228) |
hsl(215,75%,58%) |
#2d78e1 |
rgb(45,120,225) |
hsl(215,75%,53%) |
#1f6bd6 |
rgb(31,107,214) |
hsl(215,75%,48%) |
#1b60c0 |
rgb(27,96,192) |
hsl(215,75%,43%) |
#1855aa |
rgb(24,85,170) |
hsl(215,75%,38%) |
#154a93 |
rgb(21,74,147) |
hsl(215,75%,33%) |
#123e7d |
rgb(18,62,125) |
hsl(215,75%,28%) |
#0f3367 |
rgb(15,51,103) |
hsl(215,75%,23%) |
#0b2850 |
rgb(11,40,80) |
hsl(215,75%,18%) |
#081d3a |
rgb(8,29,58) |
hsl(215,75%,13%) |
#051224 |
rgb(5,18,36) |
hsl(215,75%,8%) |
#02070d |
rgb(2,7,13) |
hsl(215,75%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#42E3D7 |
rgb(66,227,215) |
hsl(176,74%,57%) |
#4285E4 |
rgb(66,133,228) |
hsl(215,75%,58%) |
#6B42E4 |
rgb(107,66,228) |
hsl(255,75%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94BAEF |
rgb(148,186,239) |
hsl(215,74%,76%) |
#6BA1E9 |
rgb(107,161,233) |
hsl(214,74%,67%) |
#4285E4 |
rgb(66,133,228) |
hsl(215,75%,58%) |
#1E6BD8 |
rgb(30,107,216) |
hsl(215,76%,48%) |
#1857AE |
rgb(24,87,174) |
hsl(215,76%,39%) |
#134285 |
rgb(19,66,133) |
hsl(215,75%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#4285E4 |
rgb(66,133,228) |
hsl(215,75%,58%) |
#E44F42 |
rgb(228,79,66) |
hsl(5,75%,58%) |
#D6E342 |
rgb(214,227,66) |
hsl(65,74%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4285E4 |
rgb(66,133,228) |
hsl(215,75%,58%) |
#E4A142 |
rgb(228,161,66) |
hsl(35,75%,58%) |
#42D6E4 |
rgb(66,214,228) |
hsl(185,75%,58%) |
#D6E342 |
rgb(214,227,66) |
hsl(65,74%,57%) |