HEX #4485E4 color — Royal Blue
The color #4485E4 is a dark shade and moderately saturated.
Palette
4485E4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(216,75%,98%) |
#e0eafb |
rgb(224,234,251) |
hsl(216,75%,93%) |
#c9dcf7 |
rgb(201,220,247) |
hsl(216,75%,88%) |
#b3cdf4 |
rgb(179,205,244) |
hsl(216,75%,83%) |
#9dbef1 |
rgb(157,190,241) |
hsl(216,75%,78%) |
#87b0ee |
rgb(135,176,238) |
hsl(216,75%,73%) |
#70a1eb |
rgb(112,161,235) |
hsl(216,75%,68%) |
#5a92e7 |
rgb(90,146,231) |
hsl(216,75%,63%) |
#4484e4 |
rgb(68,132,228) |
hsl(216,75%,58%) |
#2d75e1 |
rgb(45,117,225) |
hsl(216,75%,53%) |
#1f68d6 |
rgb(31,104,214) |
hsl(216,75%,48%) |
#1b5dc0 |
rgb(27,93,192) |
hsl(216,75%,43%) |
#1852aa |
rgb(24,82,170) |
hsl(216,75%,38%) |
#154893 |
rgb(21,72,147) |
hsl(216,75%,33%) |
#123d7d |
rgb(18,61,125) |
hsl(216,75%,28%) |
#0f3267 |
rgb(15,50,103) |
hsl(216,75%,23%) |
#0b2750 |
rgb(11,39,80) |
hsl(216,75%,18%) |
#081c3a |
rgb(8,28,58) |
hsl(216,75%,13%) |
#051124 |
rgb(5,17,36) |
hsl(216,75%,8%) |
#02070d |
rgb(2,7,13) |
hsl(216,75%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#44E3D8 |
rgb(68,227,216) |
hsl(176,74%,58%) |
#4485E4 |
rgb(68,133,228) |
hsl(216,75%,58%) |
#6D45E4 |
rgb(109,69,228) |
hsl(255,75%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96BAEF |
rgb(150,186,239) |
hsl(216,74%,76%) |
#6DA1E9 |
rgb(109,161,233) |
hsl(215,74%,67%) |
#4485E4 |
rgb(68,133,228) |
hsl(216,75%,58%) |
#1F6BD9 |
rgb(31,107,217) |
hsl(215,75%,49%) |
#1957AF |
rgb(25,87,175) |
hsl(215,75%,39%) |
#134286 |
rgb(19,66,134) |
hsl(215,75%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#4485E4 |
rgb(68,133,228) |
hsl(216,75%,58%) |
#E45444 |
rgb(228,84,68) |
hsl(6,75%,58%) |
#D5E344 |
rgb(213,227,68) |
hsl(65,74%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4485E4 |
rgb(68,133,228) |
hsl(216,75%,58%) |
#E4A344 |
rgb(228,163,68) |
hsl(36,75%,58%) |
#44D6E4 |
rgb(68,214,228) |
hsl(185,75%,58%) |
#D5E344 |
rgb(213,227,68) |
hsl(65,74%,58%) |