HEX #3670E1 color — Royal Blue
The color #3670E1 is a dark shade and moderately saturated.
Palette
3670E1 color palette from light to dark
HEX |
RGB |
HSL |
#e9effc |
rgb(233,239,252) |
hsl(220,74%,95%) |
#d3dff8 |
rgb(211,223,248) |
hsl(220,74%,90%) |
#bccff5 |
rgb(188,207,245) |
hsl(220,74%,85%) |
#a6bff2 |
rgb(166,191,242) |
hsl(220,74%,80%) |
#90b0ee |
rgb(144,176,238) |
hsl(220,74%,75%) |
#7aa0eb |
rgb(122,160,235) |
hsl(220,74%,70%) |
#6490e8 |
rgb(100,144,232) |
hsl(220,74%,65%) |
#4e80e4 |
rgb(78,128,228) |
hsl(220,74%,60%) |
#3770e1 |
rgb(55,112,225) |
hsl(220,74%,55%) |
#2160de |
rgb(33,96,222) |
hsl(220,74%,50%) |
#1e56c8 |
rgb(30,86,200) |
hsl(220,74%,45%) |
#1b4db1 |
rgb(27,77,177) |
hsl(220,74%,40%) |
#17439b |
rgb(23,67,155) |
hsl(220,74%,35%) |
#143a85 |
rgb(20,58,133) |
hsl(220,74%,30%) |
#11306f |
rgb(17,48,111) |
hsl(220,74%,25%) |
#0d2659 |
rgb(13,38,89) |
hsl(220,74%,20%) |
#0a1d43 |
rgb(10,29,67) |
hsl(220,74%,15%) |
#07132c |
rgb(7,19,44) |
hsl(220,74%,10%) |
#030a16 |
rgb(3,10,22) |
hsl(220,74%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#36E0E0 |
rgb(54,224,224) |
hsl(180,73%,55%) |
#3670E1 |
rgb(54,112,225) |
hsl(220,74%,55%) |
#6E36E1 |
rgb(110,54,225) |
hsl(260,74%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83A8EC |
rgb(131,168,236) |
hsl(219,73%,72%) |
#5C8CE6 |
rgb(92,140,230) |
hsl(219,73%,63%) |
#3670E1 |
rgb(54,112,225) |
hsl(220,74%,55%) |
#1E59CB |
rgb(30,89,203) |
hsl(220,74%,46%) |
#1847A5 |
rgb(24,71,165) |
hsl(220,75%,37%) |
#12387E |
rgb(18,56,126) |
hsl(219,75%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3670E1 |
rgb(54,112,225) |
hsl(220,74%,55%) |
#E15236 |
rgb(225,82,54) |
hsl(10,74%,55%) |
#C5E036 |
rgb(197,224,54) |
hsl(70,73%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3670E1 |
rgb(54,112,225) |
hsl(220,74%,55%) |
#E1A636 |
rgb(225,166,54) |
hsl(39,74%,55%) |
#36C4E1 |
rgb(54,196,225) |
hsl(190,74%,55%) |
#C5E036 |
rgb(197,224,54) |
hsl(70,73%,55%) |