HEX #3580F0 color — Royal Blue
The color #3580F0 is a dark shade and moderately saturated.
Palette
3580F0 color palette from light to dark
HEX |
RGB |
HSL |
#f1f6fe |
rgb(241,246,254) |
hsl(216,86%,97%) |
#d9e7fc |
rgb(217,231,252) |
hsl(216,86%,92%) |
#c1d8fa |
rgb(193,216,250) |
hsl(216,86%,87%) |
#aac9f9 |
rgb(170,201,249) |
hsl(216,86%,82%) |
#92baf7 |
rgb(146,186,247) |
hsl(216,86%,77%) |
#7aabf5 |
rgb(122,171,245) |
hsl(216,86%,72%) |
#629cf3 |
rgb(98,156,243) |
hsl(216,86%,67%) |
#4b8df1 |
rgb(75,141,241) |
hsl(216,86%,62%) |
#337ef0 |
rgb(51,126,240) |
hsl(216,86%,57%) |
#1b70ee |
rgb(27,112,238) |
hsl(216,86%,52%) |
#1163df |
rgb(17,99,223) |
hsl(216,86%,47%) |
#0f59c7 |
rgb(15,89,199) |
hsl(216,86%,42%) |
#0d4eaf |
rgb(13,78,175) |
hsl(216,86%,37%) |
#0b4498 |
rgb(11,68,152) |
hsl(216,86%,32%) |
#0a3980 |
rgb(10,57,128) |
hsl(216,86%,27%) |
#082e68 |
rgb(8,46,104) |
hsl(216,86%,22%) |
#062451 |
rgb(6,36,81) |
hsl(216,86%,17%) |
#041939 |
rgb(4,25,57) |
hsl(216,86%,12%) |
#020f21 |
rgb(2,15,33) |
hsl(216,86%,7%) |
#010409 |
rgb(1,4,9) |
hsl(216,86%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#35F0E3 |
rgb(53,240,227) |
hsl(176,86%,57%) |
#3580F0 |
rgb(53,128,240) |
hsl(216,86%,57%) |
#6636F0 |
rgb(102,54,240) |
hsl(255,86%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CB8F6 |
rgb(140,184,246) |
hsl(215,85%,76%) |
#609CF3 |
rgb(96,156,243) |
hsl(216,86%,66%) |
#3580F0 |
rgb(53,128,240) |
hsl(216,86%,57%) |
#1166E5 |
rgb(17,102,229) |
hsl(216,86%,48%) |
#0D52B9 |
rgb(13,82,185) |
hsl(216,87%,39%) |
#0A408D |
rgb(10,64,141) |
hsl(215,87%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3580F0 |
rgb(53,128,240) |
hsl(216,86%,57%) |
#F04735 |
rgb(240,71,53) |
hsl(6,86%,57%) |
#DDF035 |
rgb(221,240,53) |
hsl(66,86%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3580F0 |
rgb(53,128,240) |
hsl(216,86%,57%) |
#F0A635 |
rgb(240,166,53) |
hsl(36,86%,57%) |
#35DEF0 |
rgb(53,222,240) |
hsl(186,86%,57%) |
#DDF035 |
rgb(221,240,53) |
hsl(66,86%,57%) |