HEX #4580E1 color — Royal Blue
The color #4580E1 is a dark shade and moderately saturated.
Palette
4580E1 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(217,72%,98%) |
#e0eafa |
rgb(224,234,250) |
hsl(217,72%,93%) |
#cadbf6 |
rgb(202,219,246) |
hsl(217,72%,88%) |
#b4ccf3 |
rgb(180,204,243) |
hsl(217,72%,83%) |
#9fbdef |
rgb(159,189,239) |
hsl(217,72%,78%) |
#89afec |
rgb(137,175,236) |
hsl(217,72%,73%) |
#73a0e8 |
rgb(115,160,232) |
hsl(217,72%,68%) |
#5d91e5 |
rgb(93,145,229) |
hsl(217,72%,63%) |
#4782e1 |
rgb(71,130,225) |
hsl(217,72%,58%) |
#3173dd |
rgb(49,115,221) |
hsl(217,72%,53%) |
#2266d3 |
rgb(34,102,211) |
hsl(217,72%,48%) |
#1f5bbd |
rgb(31,91,189) |
hsl(217,72%,43%) |
#1b51a7 |
rgb(27,81,167) |
hsl(217,72%,38%) |
#184691 |
rgb(24,70,145) |
hsl(217,72%,33%) |
#143b7b |
rgb(20,59,123) |
hsl(217,72%,28%) |
#103165 |
rgb(16,49,101) |
hsl(217,72%,23%) |
#0d264f |
rgb(13,38,79) |
hsl(217,72%,18%) |
#091c39 |
rgb(9,28,57) |
hsl(217,72%,13%) |
#061123 |
rgb(6,17,35) |
hsl(217,72%,8%) |
#02060d |
rgb(2,6,13) |
hsl(217,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#45E0DA |
rgb(69,224,218) |
hsl(178,71%,57%) |
#4580E1 |
rgb(69,128,225) |
hsl(217,72%,58%) |
#7245E1 |
rgb(114,69,225) |
hsl(257,72%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96B8EE |
rgb(150,184,238) |
hsl(217,72%,76%) |
#6D9CE7 |
rgb(109,156,231) |
hsl(217,72%,67%) |
#4580E1 |
rgb(69,128,225) |
hsl(217,72%,58%) |
#2266D4 |
rgb(34,102,212) |
hsl(217,72%,48%) |
#1B52AC |
rgb(27,82,172) |
hsl(217,73%,39%) |
#154083 |
rgb(21,64,131) |
hsl(217,72%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#4580E1 |
rgb(69,128,225) |
hsl(217,72%,58%) |
#E15945 |
rgb(225,89,69) |
hsl(8,72%,58%) |
#CEE045 |
rgb(206,224,69) |
hsl(67,71%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4580E1 |
rgb(69,128,225) |
hsl(217,72%,58%) |
#E1A645 |
rgb(225,166,69) |
hsl(37,72%,58%) |
#45CFE1 |
rgb(69,207,225) |
hsl(187,72%,58%) |
#CEE045 |
rgb(206,224,69) |
hsl(67,71%,57%) |