HEX #3D7AE5 color — Royal Blue
The color #3D7AE5 is a dark shade and moderately saturated.
Palette
3D7AE5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(218,76%,97%) |
#dbe6fa |
rgb(219,230,250) |
hsl(218,76%,92%) |
#c5d7f7 |
rgb(197,215,247) |
hsl(218,76%,87%) |
#aec8f4 |
rgb(174,200,244) |
hsl(218,76%,82%) |
#98b8f1 |
rgb(152,184,241) |
hsl(218,76%,77%) |
#81a9ee |
rgb(129,169,238) |
hsl(218,76%,72%) |
#6b9aeb |
rgb(107,154,235) |
hsl(218,76%,67%) |
#548ae8 |
rgb(84,138,232) |
hsl(218,76%,62%) |
#3e7be5 |
rgb(62,123,229) |
hsl(218,76%,57%) |
#286ce2 |
rgb(40,108,226) |
hsl(218,76%,52%) |
#1d60d3 |
rgb(29,96,211) |
hsl(218,76%,47%) |
#1a55bc |
rgb(26,85,188) |
hsl(218,76%,42%) |
#174ba6 |
rgb(23,75,166) |
hsl(218,76%,37%) |
#144190 |
rgb(20,65,144) |
hsl(218,76%,32%) |
#113779 |
rgb(17,55,121) |
hsl(218,76%,27%) |
#0d2d63 |
rgb(13,45,99) |
hsl(218,76%,22%) |
#0a234c |
rgb(10,35,76) |
hsl(218,76%,17%) |
#071836 |
rgb(7,24,54) |
hsl(218,76%,12%) |
#040e1f |
rgb(4,14,31) |
hsl(218,76%,7%) |
#010409 |
rgb(1,4,9) |
hsl(218,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DE6E0 |
rgb(61,230,224) |
hsl(178,77%,57%) |
#3D7AE5 |
rgb(61,122,229) |
hsl(218,76%,57%) |
#703DE5 |
rgb(112,61,229) |
hsl(258,76%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EB3EF |
rgb(142,179,239) |
hsl(217,75%,75%) |
#6596EA |
rgb(101,150,234) |
hsl(218,76%,66%) |
#3D7AE5 |
rgb(61,122,229) |
hsl(218,76%,57%) |
#1C61D6 |
rgb(28,97,214) |
hsl(218,77%,47%) |
#174FAD |
rgb(23,79,173) |
hsl(218,77%,38%) |
#113B84 |
rgb(17,59,132) |
hsl(218,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D7AE5 |
rgb(61,122,229) |
hsl(218,76%,57%) |
#E5543D |
rgb(229,84,61) |
hsl(8,76%,57%) |
#CEE63D |
rgb(206,230,61) |
hsl(69,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D7AE5 |
rgb(61,122,229) |
hsl(218,76%,57%) |
#E5A83D |
rgb(229,168,61) |
hsl(38,76%,57%) |
#3DCFE5 |
rgb(61,207,229) |
hsl(188,76%,57%) |
#CEE63D |
rgb(206,230,61) |
hsl(69,77%,57%) |