HEX #3D87E5 color — Royal Blue
The color #3D87E5 is a light shade and moderately saturated.
Palette
3D87E5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(214,76%,97%) |
#dbe9fa |
rgb(219,233,250) |
hsl(214,76%,92%) |
#c5daf7 |
rgb(197,218,247) |
hsl(214,76%,87%) |
#aeccf4 |
rgb(174,204,244) |
hsl(214,76%,82%) |
#98bef1 |
rgb(152,190,241) |
hsl(214,76%,77%) |
#81b0ee |
rgb(129,176,238) |
hsl(214,76%,72%) |
#6ba2eb |
rgb(107,162,235) |
hsl(214,76%,67%) |
#5494e8 |
rgb(84,148,232) |
hsl(214,76%,62%) |
#3e86e5 |
rgb(62,134,229) |
hsl(214,76%,57%) |
#2878e2 |
rgb(40,120,226) |
hsl(214,76%,52%) |
#1d6cd3 |
rgb(29,108,211) |
hsl(214,76%,47%) |
#1a60bc |
rgb(26,96,188) |
hsl(214,76%,42%) |
#1755a6 |
rgb(23,85,166) |
hsl(214,76%,37%) |
#144990 |
rgb(20,73,144) |
hsl(214,76%,32%) |
#113e79 |
rgb(17,62,121) |
hsl(214,76%,27%) |
#0d3263 |
rgb(13,50,99) |
hsl(214,76%,22%) |
#0a274c |
rgb(10,39,76) |
hsl(214,76%,17%) |
#071b36 |
rgb(7,27,54) |
hsl(214,76%,12%) |
#04101f |
rgb(4,16,31) |
hsl(214,76%,7%) |
#010509 |
rgb(1,5,9) |
hsl(214,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DE6D3 |
rgb(61,230,211) |
hsl(173,77%,57%) |
#3D87E5 |
rgb(61,135,229) |
hsl(214,76%,57%) |
#633DE5 |
rgb(99,61,229) |
hsl(254,76%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EBAEF |
rgb(142,186,239) |
hsl(213,75%,75%) |
#65A1EA |
rgb(101,161,234) |
hsl(213,76%,66%) |
#3D87E5 |
rgb(61,135,229) |
hsl(214,76%,57%) |
#1C6ED6 |
rgb(28,110,214) |
hsl(214,77%,47%) |
#1759AD |
rgb(23,89,173) |
hsl(214,77%,38%) |
#114584 |
rgb(17,69,132) |
hsl(213,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D87E5 |
rgb(61,135,229) |
hsl(214,76%,57%) |
#E5473D |
rgb(229,71,61) |
hsl(4,76%,57%) |
#DBE63D |
rgb(219,230,61) |
hsl(64,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D87E5 |
rgb(61,135,229) |
hsl(214,76%,57%) |
#E59C3D |
rgb(229,156,61) |
hsl(34,76%,57%) |
#3DDBE5 |
rgb(61,219,229) |
hsl(184,76%,57%) |
#DBE63D |
rgb(219,230,61) |
hsl(64,77%,57%) |