HEX #4580E0 color — Royal Blue
The color #4580E0 is a dark shade and moderately saturated.
Palette
4580E0 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(217,71%,97%) |
#dce7f9 |
rgb(220,231,249) |
hsl(217,71%,92%) |
#c6d8f5 |
rgb(198,216,245) |
hsl(217,71%,87%) |
#b1c9f2 |
rgb(177,201,242) |
hsl(217,71%,82%) |
#9bbbee |
rgb(155,187,238) |
hsl(217,71%,77%) |
#85acea |
rgb(133,172,234) |
hsl(217,71%,72%) |
#6f9de7 |
rgb(111,157,231) |
hsl(217,71%,67%) |
#598ee3 |
rgb(89,142,227) |
hsl(217,71%,62%) |
#437fdf |
rgb(67,127,223) |
hsl(217,71%,57%) |
#2e70dc |
rgb(46,112,220) |
hsl(217,71%,52%) |
#2364cd |
rgb(35,100,205) |
hsl(217,71%,47%) |
#1f59b7 |
rgb(31,89,183) |
hsl(217,71%,42%) |
#1b4fa1 |
rgb(27,79,161) |
hsl(217,71%,37%) |
#18448c |
rgb(24,68,140) |
hsl(217,71%,32%) |
#143976 |
rgb(20,57,118) |
hsl(217,71%,27%) |
#102f60 |
rgb(16,47,96) |
hsl(217,71%,22%) |
#0d244a |
rgb(13,36,74) |
hsl(217,71%,17%) |
#091a34 |
rgb(9,26,52) |
hsl(217,71%,12%) |
#050f1f |
rgb(5,15,31) |
hsl(217,71%,7%) |
#010409 |
rgb(1,4,9) |
hsl(217,71%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#45E0D8 |
rgb(69,224,216) |
hsl(177,71%,57%) |
#4580E0 |
rgb(69,128,224) |
hsl(217,71%,57%) |
#7145E0 |
rgb(113,69,224) |
hsl(257,71%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95B8ED |
rgb(149,184,237) |
hsl(216,71%,76%) |
#6D9CE6 |
rgb(109,156,230) |
hsl(217,71%,66%) |
#4580E0 |
rgb(69,128,224) |
hsl(217,71%,57%) |
#2366D2 |
rgb(35,102,210) |
hsl(217,71%,48%) |
#1C52AA |
rgb(28,82,170) |
hsl(217,72%,39%) |
#154082 |
rgb(21,64,130) |
hsl(216,72%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#4580E0 |
rgb(69,128,224) |
hsl(217,71%,57%) |
#E05745 |
rgb(224,87,69) |
hsl(7,71%,57%) |
#CDE045 |
rgb(205,224,69) |
hsl(67,71%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4580E0 |
rgb(69,128,224) |
hsl(217,71%,57%) |
#E0A645 |
rgb(224,166,69) |
hsl(38,71%,57%) |
#45CFE0 |
rgb(69,207,224) |
hsl(187,71%,57%) |
#CDE045 |
rgb(205,224,69) |
hsl(67,71%,57%) |