HEX #3580E6 color — Royal Blue
The color #3580E6 is a dark shade and moderately saturated.
Palette
3580E6 color palette from light to dark
HEX |
RGB |
HSL |
#e8f1fc |
rgb(232,241,252) |
hsl(215,78%,95%) |
#d2e2f9 |
rgb(210,226,249) |
hsl(215,78%,90%) |
#bbd4f7 |
rgb(187,212,247) |
hsl(215,78%,85%) |
#a4c5f4 |
rgb(164,197,244) |
hsl(215,78%,80%) |
#8eb7f1 |
rgb(142,183,241) |
hsl(215,78%,75%) |
#77a9ee |
rgb(119,169,238) |
hsl(215,78%,70%) |
#609aeb |
rgb(96,154,235) |
hsl(215,78%,65%) |
#498ce9 |
rgb(73,140,233) |
hsl(215,78%,60%) |
#337de6 |
rgb(51,125,230) |
hsl(215,78%,55%) |
#1c6fe3 |
rgb(28,111,227) |
hsl(215,78%,50%) |
#1964cc |
rgb(25,100,204) |
hsl(215,78%,45%) |
#1659b6 |
rgb(22,89,182) |
hsl(215,78%,40%) |
#144e9f |
rgb(20,78,159) |
hsl(215,78%,35%) |
#114388 |
rgb(17,67,136) |
hsl(215,78%,30%) |
#0e3771 |
rgb(14,55,113) |
hsl(215,78%,25%) |
#0b2c5b |
rgb(11,44,91) |
hsl(215,78%,20%) |
#082144 |
rgb(8,33,68) |
hsl(215,78%,15%) |
#06162d |
rgb(6,22,45) |
hsl(215,78%,10%) |
#030b17 |
rgb(3,11,23) |
hsl(215,78%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#35E6D6 |
rgb(53,230,214) |
hsl(175,78%,55%) |
#3580E6 |
rgb(53,128,230) |
hsl(215,78%,55%) |
#6036E6 |
rgb(96,54,230) |
hsl(254,78%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85B3EF |
rgb(133,179,239) |
hsl(214,77%,73%) |
#5D99EA |
rgb(93,153,234) |
hsl(214,77%,64%) |
#3580E6 |
rgb(53,128,230) |
hsl(215,78%,55%) |
#1A69D3 |
rgb(26,105,211) |
hsl(214,78%,46%) |
#1554AB |
rgb(21,84,171) |
hsl(215,78%,38%) |
#104082 |
rgb(16,64,130) |
hsl(215,78%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3580E6 |
rgb(53,128,230) |
hsl(215,78%,55%) |
#E64235 |
rgb(230,66,53) |
hsl(4,78%,55%) |
#D8E635 |
rgb(216,230,53) |
hsl(65,78%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3580E6 |
rgb(53,128,230) |
hsl(215,78%,55%) |
#E69C35 |
rgb(230,156,53) |
hsl(35,78%,55%) |
#35D9E6 |
rgb(53,217,230) |
hsl(184,78%,55%) |
#D8E635 |
rgb(216,230,53) |
hsl(65,78%,55%) |