HEX #3B87E5 color — Royal Blue
The color #3B87E5 is a light shade and moderately saturated.
Palette
3B87E5 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fd |
rgb(237,244,253) |
hsl(213,77%,96%) |
#d6e6fa |
rgb(214,230,250) |
hsl(213,77%,91%) |
#c0d9f7 |
rgb(192,217,247) |
hsl(213,77%,86%) |
#a9cbf4 |
rgb(169,203,244) |
hsl(213,77%,81%) |
#93bdf1 |
rgb(147,189,241) |
hsl(213,77%,76%) |
#7cafee |
rgb(124,175,238) |
hsl(213,77%,71%) |
#66a2eb |
rgb(102,162,235) |
hsl(213,77%,66%) |
#4f94e8 |
rgb(79,148,232) |
hsl(213,77%,61%) |
#3886e5 |
rgb(56,134,229) |
hsl(213,77%,56%) |
#2278e2 |
rgb(34,120,226) |
hsl(213,77%,51%) |
#1b6cd0 |
rgb(27,108,208) |
hsl(213,77%,46%) |
#1860b9 |
rgb(24,96,185) |
hsl(213,77%,41%) |
#1555a2 |
rgb(21,85,162) |
hsl(213,77%,36%) |
#12498c |
rgb(18,73,140) |
hsl(213,77%,31%) |
#0f3d75 |
rgb(15,61,117) |
hsl(213,77%,26%) |
#0c315f |
rgb(12,49,95) |
hsl(213,77%,21%) |
#092648 |
rgb(9,38,72) |
hsl(213,77%,16%) |
#061a32 |
rgb(6,26,50) |
hsl(213,77%,11%) |
#040e1b |
rgb(4,14,27) |
hsl(213,77%,6%) |
#010205 |
rgb(1,2,5) |
hsl(213,77%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BE6D1 |
rgb(59,230,209) |
hsl(173,77%,57%) |
#3B87E5 |
rgb(59,135,229) |
hsl(213,77%,56%) |
#603BE5 |
rgb(96,59,229) |
hsl(253,77%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CB8EF |
rgb(140,184,239) |
hsl(213,76%,74%) |
#63A1EA |
rgb(99,161,234) |
hsl(212,76%,65%) |
#3B87E5 |
rgb(59,135,229) |
hsl(213,77%,56%) |
#1C70D5 |
rgb(28,112,213) |
hsl(213,77%,47%) |
#1659AC |
rgb(22,89,172) |
hsl(213,77%,38%) |
#114584 |
rgb(17,69,132) |
hsl(213,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B87E5 |
rgb(59,135,229) |
hsl(213,77%,56%) |
#E5453B |
rgb(229,69,59) |
hsl(4,77%,56%) |
#DCE63B |
rgb(220,230,59) |
hsl(64,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B87E5 |
rgb(59,135,229) |
hsl(213,77%,56%) |
#E5993B |
rgb(229,153,59) |
hsl(33,77%,56%) |
#3BDBE5 |
rgb(59,219,229) |
hsl(184,77%,56%) |
#DCE63B |
rgb(220,230,59) |
hsl(64,77%,57%) |